1. npm install 로 모듈 및 폰트 설치 ``` $ npm install ``` 2. npm run serve ``` npm run serve ``` 3. 브라우저에서 서비스 포트에 연결해서 샘플 실행 ``` http://localhost:8080/demo/board-hatiolab-com.html ```
npm install @things-scene/things-board-integration
$ npm install
`
2. npm run serve
`
npm run serve
`
3. 브라우저에서 서비스 포트에 연결해서 샘플 실행
`
http://localhost:8080/demo/board-hatiolab-com.html
`만일 bower를 사용해야 한다면, (bower 보다는 npm 사용을 권장함)
1. bower로 모듈 및 폰트 설치
`
$ bower install
`
2. html 파일에서 node_modules를 => bower_components 로 수정
`
==>
`띵스보드 모듈 추가 설치가 필요하다면,
1. npm으로 추가 모듈 설치 (최신 things board 모듈 리스트)
`
$npm add @things-scene/forklift
$npm add @things-scene/person
$npm add @things-scene/gauge
$npm add @things-scene/progressbar
$npm add @things-scene/clock
$npm add @things-scene/indoor-map#^2.3.2
$npm add @things-scene/tab#^2.3.1
$npm add @things-scene/compass
$npm add @things-scene/half-roundrect
$npm add @things-scene/chartjs#^3.1.2
$npm add @things-scene/marker
$npm add @things-scene/table
$npm add @things-scene/wheel-sorter
$npm add @things-scene/clone
$npm add @things-scene/slam
$npm add @things-scene/firebase
$npm add @things-scene/stomp
$npm add @things-scene/mqtt
$npm add @things-scene/restful
$npm add @things-scene/random
$npm add @things-scene/form#^0.3.2
$npm add @things-scene/google-map
$npm add @things-scene/visualizer#^0.5.11
$npm add @things-scene/legend
`
2. html 파일에 사용하려는 module을 추가. (예시. random 모듈을 추가하는 경우)
`
`
things-board-integration의 수정 및 빌드가 필요하다면..
`
$ npm run build
``