ionic是什麼:
ionic是一款基於PhoneGap及AngularJS開發Hybrid/Web APP的前端框架,簡單來說就是可以將你的Web應用打包發佈成IOS/Android APP,並且提供了PhoneGap之外很多強大的服務和新的特性。
1、安裝nodes
下載地址:https://nodejs.org/en/ , 選擇 8.11.1 LTS的版本,較穩定
安裝完之後,命令行中執行 : node -v 看看版本號,有則表示安裝成功。
注意:切換淘寶鏡像
npm install -g cnpm --registry=http://registry.npm.taobao.org
之後所有用到的 npm 命令都可以使用 cnpm 來代替進行 install。但是 cnpm 不支持 publish 命令,需要注意。
2、安裝ionic2
輸入以下命令安裝 Ionic (如果剛纔設置了淘寶鏡像源,可以使用 cnpm 代替 npm):
npm install -g ionic
安裝之後看一命令行執行: ionic -v 查看版本號
3、安裝Cordova
npm install -g cordova
安裝之後看一命令行執行: cordova -v 查看版本號
4、安裝JDK
爲了編譯到 Android平臺,還需要安裝JDK
注意請安裝最新版本的 JDK,下載地址:
http://www.oracle.com/technetwork/java/javase/downloads/index.html
安裝完後,配置環境變量(百度查看如何配置)
Java環境變量的配置:參看:http://zhidao.baidu.com/question/1366931535221381339.html
5、安裝Android SDK
這個安裝包可以在網上下載,下載安裝完成之後,
配置一下環境變量即可。
6、創建項目
以上配置完之後,打開命令行窗口,執行ionic start myFirstApp 試試,這個是創建ionic app 的項目,然後 cd ./myFirstApp 執行 ionic serve ,瀏覽器會打開當前的app頁面。
7、開發工具
下載vscode 開發工具,打開上面創建的項目
Ionic官方教程: http://learn.ionicframework.com/videos/windows-android/
以下內容參考官方教程得出。