文章目錄
- 1.安裝Node
- 2.JDK安裝
- 3.安裝VSCode
- 4.安裝python3.8.1
- 5.安裝ionic、cordova、cordova-res
- 6.添加Android開發環境
- 7.配置完成后重啟vscode使命令生效
- 8.gradle環境安裝
- 9.重新執行打包命令
1.安裝Node
新電腦到貨了,組裝完先把環境搞起來,電腦是win10 64位
首先安裝node,我裝的是node-v12.16.3-x64,官網所有版本下載地址:
https://nodejs.org/dist/
安裝完成后在cmd下輸入命令node -v查看是否安裝成功
2.JDK安裝
我安裝的版本是jdk-8u131-windows-x64,選好安裝路徑一路next即可,jdk官網下載地址:https://www.oracle.com/cn/java/technologies/javase/javase-jdk8-downloads.html
如果嫌登錄麻煩的話可以搜索其他下載地址下載,這些常用的軟體我本地都有備份的,直接安裝,安裝完成后配置環境變數
我的安裝位置如下:
配置環境變數如下:
配置完后在cmd下輸入java -version查看版本是否安裝成功
3.安裝VSCode
由于我是用的ionic或者vue開發,因此要安裝vscode開發工具,我安裝的VSCodeSetup-1.11.2,官網下載地址:https://code.visualstudio.com
4.安裝python3.8.1
如果不安裝python環境在vscode中打開專案并執行npm install命令加載依賴時會報找不到python環境例外,安裝時勾選將python添加到環境變數中,安裝完成后在cmd下輸入python查看是否安裝成功
5.安裝ionic、cordova、cordova-res
執行npm install -g ionic@5.4.16
npm install -g cordova@9.0.0
安裝完成后分別輸入ionic -v 及cordova -v查看是否安裝成功
以上安裝的版本均和我之前的環境相同,當然也可以安裝最新的環境,安裝完成后執行npm install將專案依賴下載到本地,在執行ionic serve啟動專案發現會報如下例外:
那我們直接在vscode中的終端中輸入如下命令即可:set-executionpolicy remotesigned,然后再次執行ionic serve啟動專案,然后在瀏覽器中輸入localhost:8100發現專案就能訪問了
6.添加Android開發環境
在添加android環境之前我們先對專案打個包看看能不能行,執行ionic cordova build android后會發現提示找不到android環境如下:
在官網https://www.androiddevtools.cn 下載SDK Tools,如果時android原生開發建議下載IDE
我下載的時壓縮包,解壓到本地目錄后在更新下需要的選項即可
下載并解壓后點擊SDK Manager,勾選如下選項后更新即可
25、26、27、28、29每個版本都勾選下這兩個選項,實際上專案一個構建環境即可,不同的專案可能構建環境不一樣,所以勾選了這幾個目前常用的api版本
然后選擇install 并接受協議執行更新,更新完后在環境變數中做如下配置,AndroidSDK我是解壓到了E:\anzhuang\androidSdk 目錄下,配置資訊如下:
7.配置完成后重啟vscode使命令生效
重啟vscode后執行ionic cordova platform add android,然后執行打包命令ionic cordova build android,出現如下例外提示:
說明未安裝gradle環境,下面繼續安裝gradle環境,
8.gradle環境安裝
gradle所有版本下載:https://services.gradle.org/distributions
我選擇的使4.4-all版本,大家可以自由選擇,因為考慮到之后我可能安裝AndroidStudio 3.1.2版本,支持的最高的gradle版本就是4.4,下載完后解壓到本地目錄下,如下所示:
在系統變數中新建如下配置,具體配置值根據自己的實際路徑選擇:
在系統變數Path中添加如下配置:
配置完gradle后需要重啟下電腦,否則在cmd下輸入版本查看命令不起作用,重啟后在cmd下輸入gradle -v查看是否安裝成功
9.重新執行打包命令
在vscode終端中,進入到專案目錄下,輸入命令ionic cordova build android打包,成功標識如下:
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/291490.html
標籤:python
