一挪拟、系統(tǒng)環(huán)境
操作系統(tǒng):Macos Catalina 10.15.4
二位喂、開發(fā)環(huán)境準(zhǔn)備
1.java
1.1 安裝java(官網(wǎng):https://www.oracle.com/technetwork/java/javase/overview/index.html), 官網(wǎng)下載對應(yīng)版本鲁豪。
1.2 安裝完成后在終端輸入光涂,出現(xiàn)版本號說明java安裝成功
java -version
2.git
2.1 安裝git(官網(wǎng):https://git-scm.com/downloads), 官網(wǎng)下載對應(yīng)版本安裝遣铝。
2.2 安裝完成后在終端輸入
git --version
出現(xiàn)git的版本號說明安裝成功佑刷。
3.node.js
3.1 安裝node.js(官網(wǎng):http://nodejs.cn/)莉擒, 官網(wǎng)下載對應(yīng)版本安裝。
3.2 安裝完成后在終端輸入
node -v
出現(xiàn)node的版本號說明安裝成功瘫絮。
4.cordova
4.1 全局安裝cordova(基于node.js安裝)涨冀, 終端輸入
sudo npm install -g cordova
4.2 安裝完成終端輸入
cordova -v
出現(xiàn)cordova的版本好說明安裝成功。
5.Android Studio
5.1 安裝Android Studio (官網(wǎng):https://developer.android.google.cn/studio/)麦萤, 下載對應(yīng)的安裝包安裝鹿鳖。
5.2 安裝Phonegap/Cordova Plugin插件,在Studio的Plugins中搜索安裝即可壮莹。
6.Android SDK
6.1 安裝sdk可以自己在官網(wǎng)下載安裝翅帜,也可以通過Android Studio來安裝。這里介紹后者命满。
6.2 若沒有裝過sdk涝滴,第一次打開Studio會提示我們安裝。選擇SDK Platforms和SDK Tools對應(yīng)版本安裝即可胶台。(安裝不對或者想安裝多個版本歼疮,在Android Studio-Preferences-Appearance&Behavior-System Settings-Android SDK中可修改)
6.3 配置環(huán)境變量,sdk安裝完成將安裝路徑配置到環(huán)境變量中 诈唬,將下面語句寫入.bash_profile文件中腋妙。(環(huán)境變量配置參考:http://www.reibang.com/p/a45dd533b8be)
export ANDROID_HOME=/Users/jiaojiajian/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/platform-tools
7.GRADLE
7.1 安裝gradle(官網(wǎng):https://gradle.org/)? ?,下載對應(yīng)的安裝包安裝讯榕。
7.2 配置環(huán)境變量骤素,將下面語句寫入.bash_profile文件中(環(huán)境變量配置參考:http://www.reibang.com/p/a45dd533b8be)
#GRADLE
GRADLE_HOME=/Users/jiaojiajian/software/gradle/gradle-6.4.1
PATH=$PATH:$GRADLE_HOME/bin
export GRADLE_HOME PATH
三、搭建項(xiàng)目
搭建項(xiàng)目可以參考cordova的官網(wǎng)步驟(https://cordova.axuer.com/#getstarted)
1.在桌面下打開終端輸入cordova create helloWord愚屁,創(chuàng)建helloWord文件夾济竹。(可根據(jù)自己安排放在哪個目錄)
cordova create helloWord
2.由于我們有Android Studio,官網(wǎng)的后續(xù)步驟可以在studio中操作霎槐。用studio打開桌面的helloWord文件夾送浊。
3.配置Run/Debug Configurations,選擇Phone Gap/Cordova作為啟動器丘跌。
4.配置android模擬器設(shè)備袭景。選擇相應(yīng)的型號和鏡像安裝。
5.啟動模擬器和項(xiàng)目
6.啟動后會在platforms目錄下生成編譯的文件闭树,成功耸棒!