离子学习之建立一个离子项目

1。安装离子:$ npm安装- g科尔多瓦离子

2。更改命令所在位置到你容易找到的目录:cd  directoryName

,,例如:cd practice ,,,,,,,,,,,,,,,,,,,,,,,,,

3。美元离子开始myApp空白(myApp)

,,,,,,,,,,,,,,,,,,美元,离子开始myApptabs (myApp),,,,

或离子美元开始myApp sidemenu(生成名字为myApp的带有侧边菜单的项目)

这里根据自己的项目需要,选择任意一个命令即可快速建立一个离子框架项目。

在webstrom上的终端终端中执行:

,,,,,,,,,美元离子iOS平台添加

,,,,,,,,美元才能离子android平台添加

5。运行项目:如果想在电脑浏览器上看效果,可以执行:离子为

,,,,,,,,,如果电脑已经安装了iOS或androidmo 'ni模拟器可以执行以下命令看手机上的效果:

,,,,,,,,,在iOS上建立并测试该项目:

,,,,,,,,,,,美元,离子构建iOS

,,,,,,,,,,,,离子模拟iOS即美元可在电脑上模拟iOS手机运行这个应用,

,,,,,,,,,这两个命令也可以用离子运行iOS代替,效果一样。

,,,,,,,,,在android上建立并测试该项目:

,,,,,,,,,,,美元,离子构建android

,,,,,,,,,,,美元,离子模拟安卓

,,,,,,,,,,或者同样用一句离子运行android代替上面两行命令。

,,,执行以上命令后就可以在浏览器或模拟器上看到应用程序的效果了~

框架会自动生成以下文件:

离子学习之建立一个离子项目

可以看到下边包含了很多文件:

,,离子项目自动生成的文件:

,,钩子:自定义的科尔多瓦的脚本命令来执行一些特别指令

,,platfroms:包含添加的ios和android平台

,,插件:项目所用到的插件

,,scss: scss代码,发布时会输出到你的www/css/

,,www:最主要的文件,是我们所建立的应用,包括css, p_w_picpath, js,自由,模板,指数。html

,,

,,bowerrrc:鲍尔配置文件

离子学习之建立一个离子项目