Ionic3開發(fā)系列教程
Ionic3開發(fā)教程 - 環(huán)境準(zhǔn)備（1）
Ionic3開發(fā)教程 - 開發(fā)（2）
Ionic3開發(fā)教程 - 發(fā)布Android版本（3）
Ionic3開發(fā)教程 - 發(fā)布IOS版本（4）
Ionic3開發(fā)教程 - 更新（5）
基本依賴環(huán)境：
1岛请、Nodejs
2纪挎、JDK
3、SDK
4琳轿、Gradle
5、ionic@3.20.0
6汞窗、VSCode
7、熱更新插件
1. Nodejs安裝
下載地址：下載地址、中文官網(wǎng)下載
安裝時示启，一路“下一步”，安裝完成后领舰。打開cmd夫嗓，輸入node -v,返回版本信息，說明nodejs安裝成功冲秽；
還需要做兩步調(diào)整：
- 修改全局包存放地點(diǎn)啤月，默認(rèn)位置是在C盤
執(zhí)行npm config ls查看當(dāng)前存放具體位置。
image.png
修改存放位置：
npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"
- 修改系統(tǒng)變量
進(jìn)入環(huán)境變量對話框劳跃，在【系統(tǒng)變量】下新建【NODE_PATH】谎仲，輸入：D:\Develop\nodejs\node_global\node_modules - 修改用戶變量
將【用戶變量】下的【Path】修改為：D:\Develop\nodejs\node_global
參考文檔：Node.js安裝及環(huán)境配置之Windows篇
2. JDK安裝
下載地址：下載地址 提取碼：nlta
配置環(huán)境變量
- 添加系統(tǒng)變量【JAVA_HOME】：
D:\project\tool\Java\jdk_9.0.1 - 設(shè)置【Path】系統(tǒng)變量，新增兩條：
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin - 添加系統(tǒng)變量【classpath】：
%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
執(zhí)行java -version刨仑，驗(yàn)證是否安裝成功郑诺；
3. SDK安裝
下載地址：下載地址 提取碼：b6em
配置環(huán)境變量
- 添加系統(tǒng)變量【ANDROID_HOME】：
C:\Program Files\SDK - 設(shè)置【Path】系統(tǒng)變量，新增兩條：
;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools杉武。（注意分號）
執(zhí)行android -h辙诞，驗(yàn)證是否安裝成功；
image.png
4. Gradle安裝
下載地址：下載地址 提取碼：bd18
配置環(huán)境變量
- 添加系統(tǒng)變量【GRADLE_HOME】：
C:\Program Files\SDK\gradle-4.1 - 設(shè)置【Path】系統(tǒng)變量轻抱，新增一條：
;%GRADLE_HOME%\bin飞涂。（注意分號）
執(zhí)行gradle -v，驗(yàn)證是否安裝成功祈搜；
5. ionic安裝
執(zhí)行下面命令较店，安裝ionic和cordova基礎(chǔ)包。
npm i ionic@3.20.0 cordova -g
如果安裝很慢容燕，可以轉(zhuǎn)用npm阿里鏡像梁呈，npm install -g cnpm --registry=https://registry.npm.taobao.org，然后執(zhí)行：
cnpm i ionic@3.20.0 cordova -g
6. Vscode安裝
下載地址：官網(wǎng)地址
如何漢化
- 【Ctrl+Shift+P】蘸秘，在彈出的搜索框中輸入【configure language】官卡，然后選擇搜索出來的【Configure Display Language】,如下圖：
- 然后進(jìn)入插件庫搜索，在搜索結(jié)果中選擇中文插件醋虏，install安裝完成后重啟VsCode就可以了寻咒。
win10新系統(tǒng)中VsCode終端執(zhí)行命令行報(bào)錯問題
1、以管理員方式打開Power Shell
2颈嚼、執(zhí)行
get-ExecutionPolicy毛秘，如果執(zhí)行結(jié)果為Restricted則說明禁用，需要開啟粘舟，如下3熔脂、執(zhí)行
set-ExecutionPolicy RemoteSigned佩研，在是否更改執(zhí)行策略選項(xiàng)中選擇[Y] 是(Y)。
7. 熱更新插件
npm install -g cordova-hot-code-push-cli
具體操作霞揉，請查看：ionic3熱更新詳細(xì)步驟
注：以上所有命令行操作旬薯，均使用管理員身份運(yùn)行Cmd。
