添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

jetlinks前端服务源码部署

(1)新建一个文件夹,存放源码。如D盘下的project\jetlinks
注意:文件夹路径不能存在中文字符或特殊字符,尽量使用英文,以免产生不必要的错误
进入此文件夹,在路径输入框内直接输入cmd后单击回车,即打开一个命令行终端并定位到当前文件目录

(2)在命令行终端中输入如下指令拉取代码

git clone https://gitee.com/jetlinks/jetlinks-ui-vue.git

然后输入如下命令进入源代码文件夹内

cd jetlinks-ui-vue

最后,执行如下命令更新社区版整体代码为master分支

git pull origin master

(3)打开vs-code,选择“文件->打开文件夹”
再弹出框中选择前端源码文件打开即可。vs-code的安装请参考官网自行安装。

(4)设置相关参数
根据自己的服务器IP和端口进行设置即可

(5)编译源代码
源码方式启动请务必使用yarn安装前端依赖包。在命令行终端中运行 yarn,出现如下图所示则安装成功。

注意:若在使用yarn安装时出现报错,请删除node_modules、package-lock.json、yarn.lock 等文件

(6)运行前端

在终端命令行中进入前端源码文件夹中,输入 yarn run dev。

(7)浏览前端页面
使用浏览器打开:localhost:5174 则会出现登录页面如下图所示,然后使用登录管理员账号登录平台
账号:admin、密码:admin

登录进入后,需要先系统初始化配置,这里只需要填写平台名称和base-path 即可,其他默认

点击确定后,进入到首页,此时前、后端的源码部署已经完成。

探索JetLinks UI Vue:一款高效易用的前端框架 项目地址:https://gitcode.com/jetlinks/jetlinks-ui-vue JetLinks UI Vue 是一个基于Vue.js构建的现代化企业级UI组件库,专为物联网(IoT)应用设计,同时也适用于其他需要高性能、简洁界面和灵活定制的Web项目。本文将为您解析该项目的核心技术特性,应用场景及其优势,以期吸引更多...
因任务需求需要将原来的代码,复制一份改变端口号来和后端代码实现新需求,再将代码复制后,使用npm run dev启动项目报错了,npm install也不行。在网上搜了各种方法都不行,头大,简直是个玄学问题了。都快放弃了,有一篇文章来的真是及时,。。。附上链接https://www.jianshu.com/p/4427489f7e4e。 报错了,查看log中的提示,按照报错提示执行命令解决,...
$ git clone https://github.com/jetlinks/jetlinks-ui-antd.git $ cd jetlinks-ui-antd $ npm install $ npm start # visit http://localhost:8000 推荐使用淘宝每年 本地开发环境要求 nodeJs v12.x npm v6.x Chrome v80.0 + 本地开发项目建议使用如下命令启动项目 $ npm run start:dev //支持:dev、test、pre环境 项目多处采用了SSE交互作用,开发需要使用dev环境变量(生