(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项目(app)
ionic start firstApp
运行项目,需要先进入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