老一套,第一步当然是 环境搭建.
要装的必须软件一共三个.
| 软件 | 主页 |
| Node.js | http://nodejs.org |
| Ionic Cli | http://ionicframework.com |
| Cordova | http://cordova/apache.org |
这三个必备的东西都很熟悉,
尤其是Node.js至关重要,否则Web技术何以应用于移动应用.
Ionic CLI工具则能够帮助我们管理和预览应用.
安装完后,检查成功与否及版本信息.
查看nodeJs版本信息
node -v
命令安装Ionic CLI 及 Cordova
npm install -g cordova ionic
查看cordova和ionic是否成功安装
cordova -v ionic -v
个人感觉这里会出现一些版本问题,先记录一下当时我所练习所使用的三个版本.
node = v 4.4.4
cordova = 6.4.0
ionic = 2.2.1
关于IONIC 及 cordova 的更新命令.
npm update -g ionic npm update -g cordova
环境配置其实到这儿就结束了.
-------------------------------------------------------------------------------
Ionic的Hello World项目步骤.
创建
ionic start chapter1
运行在浏览器
cd 项目根目录 ionic serve
给项目添加运行平台
ionic platform add ios
ionic platform add android
添加位置在 platform 目录下
在模拟器中运行
IN MAC OS
npm install -g ios-sim
ionic emulate ios -l -c
ionic emulate android -l -c
// -l -c 代表启用'热加载'