【技術教程】【微碼開發】微碼開發入門 - 環境搭建

搭建環境

1. 安裝 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命令的使用請自行上網搜索）。

2. 設置npm源

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

npm config set registry https://mirrors.huaweicloud.com/repository/npm/

npm cache clean -f

3. 安裝開發工具

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

需以管理員權限安裝VSCode，否則在項目初始化時會提示 WECODE TOOLS 無權限配置開發環境。

4. 創建微碼應用

按照 CloudLink官方開發文檔 -?創建應用(https://open.welink.huaweicloud.com/wecode/docs/dev/prod/quickstart/vscode_cloud/register.html?v=1547690385)?來創建微碼應用。

5. 安裝開發插件

1、下載開發插件 WECODE_TOOLS：?https://open.welink.huaweicloud.com/wecode/docs/dev/prod/quickstart/file/wecode_tools.zip

WECODE_TOOLS 是為開發者提供的We碼開發插件，便于開發者能在熟悉的開發環境（VSCode）下開發We碼。

插件提供了完善的項目自動化配置功能，如：自動安裝依賴、構建并啟動項目、手機調試、上傳開發包等。

2、解壓下載到的 wecode_tools.zip 文件，得到一個.vsix格式的文件。

3、按下圖步驟完成 WECODE_TOOLS 的安裝。

4、安裝成功后，打開We碼項目即可看到 WECODE_TOOLS 目錄。

5、配置插件

點擊插件的“設置”按鈕，配置 "domain":"open.welink.huaweicloud.com"

6. 安裝Chrome瀏覽器

Chrome瀏覽器可以非常方便的模擬手機端調試，因此推薦使用Chrome瀏覽器進行開發調試。

說到這里，環境基本上已經搭建完成了，有幾點需要注意：

如果Node.js未能正確安裝，初始化的時候會報錯，請重新安裝Node.js；

npm源地址有問題則會卡在安裝項目依賴那里，請使用華為鏡像源地址試試；

安裝完WECODE_TOOLS后，如果沒有打開標準的We碼模板，則不會顯示WECODE_ TOOLS工具菜單，請聯系應用負責人創建We碼應用，然后下載模板。

WeLink 云市場 軟件開發云

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。