伙伴們，愛星物聯(lián)IoT平臺開源版本已經(jīng)上線，有沒有小伙伴在自行開發(fā)愛星物聯(lián)的網(wǎng)頁時，對著代碼一頭霧水？工欲善其事，必先利其器！開發(fā)前先來瞅瞅如何配置環(huán)境。

工具安裝

先準備好裝備，根據(jù)使用的電腦系統(tǒng)選擇對應(yīng)的安裝包下載。

1、Git工具安裝

拉取、管理代碼都靠它啦~

下載地址：https://git-scm.com/download

2、VSCode代碼編輯器安裝

VSCode擁有強大的代碼編輯功能，編譯、構(gòu)建也是一氣呵成。

下載地址：https://code.visualstudio.com/Download

安裝中文包插件，方便界面操作。(英文優(yōu)秀者可略過）

3、Node.js安裝

愛星物聯(lián)前端項目采用的框架代碼是基于node運行的，所以這個是必備。

下載地址：https://nodejs.org/en/download

拉動取碼

以APP控制面板的代碼為例：

打開放置代碼的目錄-->右擊鼠標-->選中Git Bash Here-->打開git界面-->輸入命令行克隆代碼-->enter

命令行：git clone [項目倉庫地址]

git clone https://github.com/ubases/app-device-panel.git

如果不想使用git工具，也可以訪問項目地址：

https://github.com/ubases/app-device-panel/tree/maste

直接下載代碼的壓縮包解壓。

安裝依賴/啟動項目

1、用VSCode打開項目目錄

2、安裝依賴

第一步：打開控制臺

方法一：點擊終端-->點擊新建終端-->底部會彈出一個命令窗口

方法二：使用快捷鍵ctrl+shift+M，底部窗口彈出，選擇終端

第二步：安裝依賴

前提：已在電腦本地安裝了Node.js

在終端輸入命令：

安裝完成后，目錄會多出一個node_modules目錄。

3、啟動項目

在終端輸入命令：

啟動成功后，就可以在瀏覽器訪問本地頁面啦~

針對移動端網(wǎng)頁可以在瀏覽器點擊f12，然后選中手機模式圖標，切換成手機模式瀏覽網(wǎng)頁，視覺上更友好。

愛星物聯(lián)IoT平臺，是面向智能設(shè)備和智能化企業(yè)的IoT平臺，提供成熟、安全、全球可用的物聯(lián)網(wǎng)服務(wù)，助力客戶縮短研發(fā)周期，降低成本投入，快速開發(fā)IoT產(chǎn)品，構(gòu)建安全穩(wěn)定且可定制化的IoT解決方案。

審核編輯 黃宇