(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

来源：oschina

链接：https://my.oschina.net/u/2535480/blog/537928

标签