(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