00 在Windows環境中開發Cordova專案的準備工作

Conkis發表於2020-10-06
1、開發環境準備:
    安裝nodejs
    安裝Cordova
    安裝Visual Studio Code
 
 
安裝nodejs步驟:
    通過nodejs官網(https://nodejs.org/)下載nodejs安裝包。
00 在Windows環境中開發Cordova專案的準備工作
 
    雙擊執行nodejs安裝包,一路“下一步”,直到出現如下介面後點選“Finish”安裝完成。
00 在Windows環境中開發Cordova專案的準備工作
 
    至此Node.js已經安裝完成,可以通過命令列驗證是否安裝成功,在鍵盤按下【win+R】鍵,輸入cmd,然後回車,開啟cmd視窗,輸入“node -v”後回車。
00 在Windows環境中開發Cordova專案的準備工作

00 在Windows環境中開發Cordova專案的準備工作
 
 
安裝Cordova步驟:
    在 cmd視窗中輸入“npm install -g cordova”回車,然後等待數分鐘。
00 在Windows環境中開發Cordova專案的準備工作
 
    cmd視窗出現如下資訊說明cordova安裝成功, 可以通過命令列驗證是否安裝成功,在鍵盤按下【win+R】鍵,輸入cmd,然後回車,開啟cmd視窗,輸入“cordova -v”後回車。
00 在Windows環境中開發Cordova專案的準備工作
 
00 在Windows環境中開發Cordova專案的準備工作
 
 
安裝Visual Studio Code步驟:
    前往Visual Studio Code官網“https://code.visualstudio.com/”下載安裝包。
00 在Windows環境中開發Cordova專案的準備工作
 
    雙擊執行安裝包,一路“下一步”,直到出現如下介面時選中“建立桌面快捷方式”後繼續點選“下一步”,然後點選“安裝”,安裝完成。
00 在Windows環境中開發Cordova專案的準備工作
 
    出現如下介面說明安裝成功,點選“完成”即可完成安裝。
00 在Windows環境中開發Cordova專案的準備工作
 
在Visual Studio Code 中安裝Cordova工具外掛:
    開啟Visual Studio Code ,點選左側的“Extensions”開啟外掛管理皮膚,在搜尋欄中搜尋“Cordova Tools”並進行安裝。
00 在Windows環境中開發Cordova專案的準備工作
 
至此Cordova開發環境配置完成!

相關文章