核心提示:1.安装ionic:$npm install -g cordova ionic2.更改命令所在位置到你容易找到的目录:cd directoryName例如:cd practice3.终端输入命令新建一...
1.安装ionic:$npm install -g cordova ionic
2.更改命令所在位置到你容易找到的目录:cd directoryName
例如:cd practice
3.终端输入命令新建一个工程:$ ionic start myApp blank(生成名字为myApp的空项目)
或$ ionic start myApptabs(生成名字为myApp的带有选项卡的项目)
或$ ionic start myApp sidemenu(生成名字为myApp的带有侧边菜单的项目)
这里根据自己的项目需要,选择任意一个命令即可快速建立一个ionic framework项目。
4.为这个项目配置iOS和android平台,在webstrom上的terminal终端中执行:
$ionic platform add iOS
$ionic platform add android
5.运行项目:如果想在电脑浏览器上看效果,可以执行:ionic serve
如果电脑已经安装了iOS或android模拟器可以执行以下命令看手机上的效果:
在iOS上建立并测试该项目:
$ionic build iOS
$ionic emulate iOS即可在电脑上模拟iOS手机运行这个app,
这两个命令也可以用ionic run iOS代替,效果一样。
在android上建立并测试该项目:
$ionic build android
$ionic emulate android
或者同样用一句ionic run android代替上面两行命令。
执行以上命令后就可以在浏览器或模拟器上看到app的效果了~