首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Thingsboard UI自定义

Thingsboard UI自定义
EN

Stack Overflow用户
提问于 2017-11-11 06:05:16
回答 1查看 2.4K关注 0票数 2

我希望能够自定义用户界面,以适应我们品牌的指导方针。我不太熟悉Sass和Angular。你能建议在这个特定的项目中,哪些IDE、工具或插件最适合修改和测试UI,而不必每次都构建整个项目吗?

谢谢!

EN

回答 1

Stack Overflow用户

发布于 2018-01-22 15:46:08

thingsboard ui使用angularjs,react,webpack,babel和...但是所有的ui都连接到所有的项目,我不能单独运行它,而且在npm installnpm run build出现一些问题之后。该项目以ui文件夹中的pom.xml文件为基础,先用maven构建,在ui文件夹中生成jar文件,然后作为前端模块运行。如果我们不想在每次更改项目时都清理安装maven,一种方法是自己运行pom.xml文件中的命令。由于该项目不使用全局安装的npm和node,因此它首先在ui文件夹中本地安装特定版本的node (nodeVersion: v6.9.1 npmVersion: 3.10.8),然后将它们移到名为node的文件夹中,并链接到node_modules:ln -s node_modules/npm/bin/npm-cli.js npm,然后运行以下命令:

代码语言:javascript
运行
复制
node/npm install
node/npm run build
node/npm start

因此,您可以编写一个脚本文件来同时运行所有这些命令。不要忘记在server.js文件中更改您的tb网关forwardHost和forwardPort。基于我的os的脚本文件:

代码语言:javascript
运行
复制
 #!/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文件夹。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47231844

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档