vue2 、 elementui 、 jQuery 、 nodejs 、 nvm （ node 管理工具）

二、开发使用的IDE

webstorm （版本号 2020.3 ）如果没有 webstorm ，推荐使用 vscode

三、搭建开发环境

第一步：安装nvm

nvm是node管理工具，可以同时管理多个版本的node，在需要的时候，切换不同版本。

将下载的资源包解压，进入其中的nvm文件夹，如下图：

双击nvm-setup.exe进行安装。

注意：一定要将nvm安装到c盘根目录，否则会出现意想不到的问题

安装完成后在命令行输入nvm，可以看到一些关于nvm的使用说明

第二步：安装nodejs

nvm本身提供安装node的命令，在命令行输入nvm install 16.14.0就可以安装版本号为16.14.0的node，安装完成后运行命令nvm use 16.14.0，然后在命令行输入node -v，查看当前使用的node版本。到这里node就已经安装成功，但使用nvm安装node并不是每次都能成功，如果安装node失败，可以使用资源包中提供的node。如下图：

将node-v16.14.0-win-x64文件夹整体复制到nvm根目录下，改名为v16.14.0，效果也是一样的。

四、启动项目

第一步：将下载下来的项目解压缩，目录结构如下图

第二步：用webstorm 或vscode 打开thingsboard ，项目目录结构如下

第三步：安装yarn

在命令行运行：npm install -g yarn

第四步：安装node 依赖包

在thingsboard根目录下运行：yarn install，安装完毕后项目根目录下出现node_modules文件夹，如下图：

第五步：启动项目

在thingsboard根目录下运行：vue-cli-service serve，稍等片刻后，项目启动成功，出现如下信息：

第六步：运行项目

在浏览器输入http://localhost:8080/，出现主界面，如下图

五、整套源码下载

https://download.csdn.net/download/leonMary/85573123 https://download.csdn.net/download/leonMary/85573123

本项目主要面向需要使用vue来实现类似thingsboard规则链需求的开发者，项目实现了节点的拖拽，并用导航线连接各个节点，实现规则链的流程流转，导航线可以随着节点的拖拽动态变换位置，导航线使用了svg的三次贝塞尔曲线技术，线条平滑细腻。本项目只提供了vue前端实现，并没有与后台连接，可以根据需要自行开发后台服务端。............... https://blog.csdn.net/freewebsys/article/details/111087023 未经博主允许不得转载。 博主地址是：http://blog.csdn.net/freewebsys 1，关于 ThingsBoard ThingsBoard 是一个开源的物联网平台，用于数据收集、处理、可视化展示以及设备管理。 ThingsBoard 使用行业标准物联网协议（MQTT，CoAP和HTTP）实现设 [TB官方文档（英文）](https:// thingsboard .io/docs/) [Protobuf的讲解](https://www.ibm.com/developerworks/cn/linux/l-cn-gpb/index.html) 1 整个 ThingsBoard 的代码中，变量、方法命名规范; 2 变量和方法的标识符...