華爲-微碼開發入門 - 環境搭建

搭建環境

安裝 Node.js

前言： We碼的整個開發依賴 Node.js 環境，我們需要對 Node.js 做一個簡單的瞭解。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境，類似Java的JRE，JRE有一個稱爲Java Virtual Machine（JVM）的虛擬機，Nodejs 的虛擬機就是V8，來自 Google 的開源 JavaScript 引擎。所以我們不應該把 Node.js 看成是一門語言，它是一個運行時環境，JavaScript纔是運行和編譯在它上面的語言。

到 Node.js官網 下載安裝包，Windows和macOS 的安裝包爲可執行安裝文件，直接下載安裝，安裝完成後在命令提示符或者終端輸入 node -v ，能正確輸出版本號，則說明安裝成功。
Linux的安裝包爲二進制文件，下載下來後解壓，解壓出來的bin目錄下有三個可執行文件（node, npm, npx），直接進入該目錄執行 ./node -v 能正確輸出版本號則證明包沒有問題，接下來需要將node命令變爲全局可執行，簡單的做法可使用 ln -s 命令將node和npm添加軟鏈到系統PATH目錄（關於Linux下ln命令的使用請自行上網搜索）。

設置npm源

npm是Node.js默認的包管理工具(在安裝Node.js的時候默認安裝)，我們可以通過它來安裝和管理Node.js各種強大的包。npm默認的源地址在國外，如遇到訪問較慢的情況，請使用華爲鏡像倉庫：

npm config set registry https://mirrors.huaweicloud.com/repository/npm/
npm cache clean -f

安裝開發工具

1. 開發工具需要使用VSCode，下載並安裝開發工具VSCode（全稱 Visual Studio Code）：下載

需以管理員權限安裝VSCode，否則在項目初始化時會提示 WECODE TOOLS 無權限配置開發環境。
優點：可以訪問VSCode官方插件市場，插件豐富

2. 直接安裝使用官方提供的We碼小程序開發者工具
   傻瓜式安裝並提供很多模樣供用戶使用，不想麻煩配置可直接下載安裝使用。

缺點：本身基於VSCode作的封裝，但功能沒有VSCode強，安裝插件麻煩（不能直接使用VScode插件市場，需手動下載插件後手動安裝）。
優點：可以下載官方提供的模板
不習慣用戶可以選擇安裝VScode，自行安裝插件進行配置。

推薦：兩個安裝都安裝，配合使用。

創建微碼應用

按照 CloudLink官方開發文檔 - 創建應用 來創建微碼應用。

安裝開發插件

1. 在VScode插件市場安裝 WECODE_TOOLS 插件
   
2. 安裝成功後，打開We碼項目即可看到 WECODE_TOOLS目錄。
   
3. 配置插件
   點擊插件的“設置”按鈕，配置 "domain":"open.welink.huaweicloud.com"
   
4. 安裝Chrome瀏覽器
   Chrome瀏覽器可以非常方便的模擬手機端調試，因此推薦使用Chrome瀏覽器進行開發調試。

說到這裏，環境基本上已經搭建完成了，有幾點需要注意：
5. 如果Node.js未能正確安裝，初始化的時候會報錯，請重新安裝Node.js；
6. npm源地址有問題則會卡在安裝項目依賴那裏，請使用華爲鏡像源地址試試；
7. 安裝完WECODE_TOOLS後，如果沒有打開標準的We碼模板，則不會顯示WECODE_ TOOLS工具菜單，請聯繫應用負責人創建We碼應用，然後下載模板。