(2)ionic2--初體驗

全部這一切都是在node環境下完成的,全部你須要先安裝node,百度google,哪一個喜歡用哪一個

安裝ionic2

由於尚未發佈,如今的版本叫作alpha,這個版本的ionic有好多新特性,最刺激的是它徹底集成了material design!!!

安裝好了以後,你就能夠用ionic <command>來執行相應的命令啦

npm install -g ionic@alpha

若是安裝不成功的話,建議用cnpm安裝,關於cnpm的使用以及介紹,請看這裏--淘寶cnpm過牆梯

ionic框架

ionic框架的npm包名是 ionic-framework.當你用命令行工具CLI建立一個新項目的時候,這個框架會被自動下載到本地.你能夠經過package.json管理這個包的依賴和版本.一個簡單的package.json就像這樣

{
  "devDependencies": {
  // List of devDependencies
  },
  "dependencies": {
    "ionic-framework": "2.0.0-alpha.34"
  }
  // and anything else}

咱們能夠獲得這樣的信息:這個項目依賴於ionic-framework,它的版本是2.0.0-aplha.34.

若是你想獲得最新的ionic-framework版本,你能夠執行如下命令

npm outdated

建立第一個ionic項目

ionic start MyIonic2Project tutorial --v2

ionic將會下載項目，安裝node_modules，安裝cordova

注意這裏面的tutorial，它告訴ionic用tutorial的模板去渲染你的項目，若是不加tutorial的話，將會生成一個簡單的tab項目，這將會致使你在後面的示例講解中遇到困擾

運行項目,須要先進入app目錄中:

cd cutePuppyPics
ionic serve

執行完以上命令後會在瀏覽器中打開你的app(前提是你正確安裝了node以及ionic的CLI工具)

打包成移動應用app

若是你已經成功安裝了ionic,接下來你就能夠把你剛纔生成的應用打包成一個android或者ios平臺的應用了,你既能夠選擇真機調試,也能夠選擇軟件調試工具.爲了使咱們的應用打包後能 夠正常運行,咱們還須要安裝一個工具--ionic

npm instll -g cordova

打包成ios應用(你須要有mac,而且安裝有xcode,以及本文中提到的全部應該安裝的東西)

ionic platform add ios

若是你想在mac本地測試,你能夠經過如下命令安裝仿真軟件

npm install ios-sim

運行

ionic emulate ios

打包成android應用

ionic platform add android

若是你想本地編譯測試android應用,你須要安裝配置android的sdk,百度上有不少文章,不過咱們建議你用 Genymotion(外國人寫的,我還沒用)

運行:

ionic run android