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

工具安裝

先準備好裝備，根據使用的電腦系統選擇對應的安裝包下載。

1、Git工具安裝

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

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

2、VSCode代碼編輯器安裝

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

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

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

3、Node.js安裝

愛星物聯前端項目采用的框架代碼是基于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、啟動項目

在終端輸入命令：

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

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

愛星物聯IoT平臺，是面向智能設備和智能化企業的IoT平臺，提供成熟、安全、全球可用的物聯網服務，助力客戶縮短研發周期，降低成本投入，快速開發IoT產品，構建安全穩定且可定制化的IoT解決方案。

審核編輯 黃宇