2

我希望能够自定义 UI 以符合我们品牌的指导方针。我对 Sass 和 Angular 不是很熟悉。您能否建议在这个特定项目中哪些 IDE、工具或插件最适合修改和测试 UI，而不必每次都构建整个项目？

谢谢！

4

1 回答 1

0

thingsboard ui 正在使用 angularjs、react、webpack、babel 和......但是所有的 ui 都连接到所有项目，我无法单独运行它并且之后npm install出现npm run build了一些问题。基于 ui 文件夹中的 pom.xml 文件，项目首先使用 maven 构建并在 ui 文件夹中创建一个 jar 文件，然后将其作为前端模块运行。如果我们不想在每次更改项目时都清理安装 maven，一种方法是自己在 pom.xml 文件中运行命令。因为该项目不使用我们全局安装的 npm 和 node 首先它在 ui 文件夹中本地安装它们的特定版本（nodeVersion：v6.9.1 npmVersion：3.10.8），然后将它们移动到名为 node 的文件夹并链接到 node_modules ：ln -s node_modules/npm/bin/npm-cli.js npm之后这运行命令：

node/npm install
node/npm run build
node/npm start

所以你可以编写一个脚本文件来一起运行所有这些命令。不要忘记在 server.js 文件中更改您的 tb-gateway forwardHost 和 forwardPort 。基于我的操作系统的脚本文件： 

 #!/usr/bin/env bash
if [ ! -d node-v6.9.1-linux-x64 ]  ; then
    wget https://nodejs.org/dist/v6.9.1/node-v6.9.1-linux-x64.tar.gz
    tar -xzvf node-v6.9.1-linux-x64.tar.gz
    mkdir node
    mv node-v6.9.1-linux-x64/lib/node_modules node/
    mv node-v6.9.1-linux-x64/bin/* node/
    cd node
    ln -s node_modules/npm/bin/npm-cli.js npm
    cd ..
fi
node/npm install
node/npm run build
node/npm start

毕竟，每个 ui 项目构建都需要时间。您可以使用 webstorm IDE 或一些 web ide 打开 ui 文件夹。

于 2018-01-22T07:46:07.617 回答