웨어 보드 UI 사용자 정의

Question

나는 우리 브랜드의 지침에 맞게 UI를 사용자 정의 할 수 있기를 바랍니다. Sass와 Angular에 익숙하지 않습니다. 이 프로젝트에서 매번 전체 프로젝트를 만들 필요없이 UI를 수정하고 테스트 할 수있는 IDE, 도구 또는 플러그인을 제안 할 수 있습니까?

감사합니다.

Answer 1

thingsboard UI는 반응 웹팩, 바벨과 ... 을하지만 모든 UI는 모든 프로젝트에 연결되어 있고 내가 그것을 분리 npm install 및 npm run build 후 약간의 문제가 있었다 실행할 수 없습니다, AngularJS와를 사용하고 있습니다. ui 폴더의 pom.xml 파일을 기반으로 프로젝트는 먼저 maven으로 빌드하고 ui 폴더에 jar 파일을 만든 다음 프런트 엔드 모듈로 실행합니다. 우리가 프로젝트를 변경할 때마다 maven을 지우고 싶지 않다면, 한 가지 방법은 스스로 pom.xml 파일에서 명령을 실행하는 것입니다. 프로젝트가 글로벌 설치 npm과 노드를 사용하지 않기 때문에 먼저 특정 버전의 노드 (nodeVersion : v6.9.1 npmVersion : 3.10.8)를 ui 폴더에 로컬로 설치 한 다음 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를 변경하는 것을 잊지 마십시오. 내 운영 체제를 기반으로 스크립트 파일 : 모든 UI 프로젝트 빌드 시간이 걸릴 것이 모든 후

#!/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 

. Webstorm IDE 또는 일부 웹 사이트를 사용하여 UI 폴더를 열 수 있습니다.