Skip to content

makee-workshop/theme-d3js-liquegauge-2value

Repository files navigation

建置 WoT.City 儀錶板 theme-d3js-liquegauge

本篇將教大家如何建置 WoT.City 儀錶板 (theme-d3js-liquegauge)。

步驟一:請先至該倉庫複製 clone URL,並在您的工作區目錄使用 git clone 指令。

git clone https://github.com/wotcity/theme-d3js-liquegauge.git

alt

步驟二:使用 npm 安裝 Gulp 和 Bower 等工具 (已裝過的人請跳過此步驟),指令如下:

npm install --global gulp. npm install --global bower

Q & A:npm 報錯 Error: ENOENT

步驟三:接著切換到 theme-d3js-liquegauge 的專案目錄下,並安裝相關套件及進行建置,指令如下:

npm install bower install gulp build

看到以上訊息代表已建置成功。

步驟四:打開專案目錄中的 index.html 並在其後方加入參數(裝置 ID) #testman,接著會看到儀表板數值隨意跳動。

alt

完成。

注意:接著若修改專案內的 js 檔,請重新執行 gulp build 進行建置。

License

Apache License