想要自行開(kāi)發(fā)愛(ài)星物聯(lián)的網(wǎng)頁(yè)，對(duì)著代碼一頭霧水？

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

工具安裝

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

1、Git工具安裝

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

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

2、VSCode代碼編輯器安裝

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

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

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

3、Node.js安裝

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

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

拉動(dòng)取碼

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

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

命令行：git clone [項(xiàng)目倉(cāng)庫(kù)地址]

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

如果不想使用git工具，也可以訪(fǎng)問(wèn)項(xiàng)目地址：

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

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

安裝依賴(lài)/啟動(dòng)項(xiàng)目

1、用VSCode打開(kāi)項(xiàng)目目錄

2、安裝依賴(lài)

第一步：打開(kāi)控制臺(tái)

方法一：點(diǎn)擊終端-->點(diǎn)擊新建終端-->底部會(huì)彈出一個(gè)命令窗口

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

第二步：安裝依賴(lài)

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

在終端輸入命令：

安裝完成后，目錄會(huì)多出一個(gè)node_modules目錄。

3、啟動(dòng)項(xiàng)目

在終端輸入命令：

啟動(dòng)成功后，就可以在瀏覽器訪(fǎng)問(wèn)本地頁(yè)面啦~

針對(duì)移動(dòng)端網(wǎng)頁(yè)可以在瀏覽器點(diǎn)擊f12，然后選中手機(jī)模式圖標(biāo)，切換成手機(jī)模式瀏覽網(wǎng)頁(yè)，視覺(jué)上更友好。

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

審核編輯 黃宇