1、開發環境準備:
安裝nodejs
安裝Cordova
安裝Visual Studio Code
安裝nodejs步驟:
通過nodejs官網(https://nodejs.org/)下載nodejs安裝包。


雙擊執行nodejs安裝包,一路“下一步”,直到出現如下介面後點選“Finish”安裝完成。

至此Node.js已經安裝完成,可以通過命令列驗證是否安裝成功,在鍵盤按下【win+R】鍵,輸入cmd,然後回車,開啟cmd視窗,輸入“node -v”後回車。



安裝Cordova步驟:
在 cmd視窗中輸入“npm install -g cordova”回車,然後等待數分鐘。

cmd視窗出現如下資訊說明cordova安裝成功, 可以通過命令列驗證是否安裝成功,在鍵盤按下【win+R】鍵,輸入cmd,然後回車,開啟cmd視窗,輸入“cordova -v”後回車。


安裝Visual Studio Code步驟:
前往Visual Studio Code官網“https://code.visualstudio.com/”下載安裝包。

雙擊執行安裝包,一路“下一步”,直到出現如下介面時選中“建立桌面快捷方式”後繼續點選“下一步”,然後點選“安裝”,安裝完成。

出現如下介面說明安裝成功,點選“完成”即可完成安裝。

在Visual Studio Code 中安裝Cordova工具外掛:
開啟Visual Studio Code ,點選左側的“Extensions”開啟外掛管理皮膚,在搜尋欄中搜尋“Cordova Tools”並進行安裝。

至此Cordova開發環境配置完成!