找了找,发现了这篇5个超赞的移动应用开发框架。
Ionic看起来很赞的样子。而且用的东西都是开发复杂的javascript工程所必须的。值得玩玩。
<!-- lang: js -->
npm install -g cordova ionic
ionic start myApp sidemenu
cd myApp
$ ionic platform add ios // 屌丝没ios
$ ionic build ios
$ ionic emulate ios
ionic serve // 屌丝只能用浏览器
好屌,跑起来了,而且看起来很高大上的样子。
然后看看文件结构:
<!-- lang: js -->
.tmp // 看起来就是Grunt要用的临时文件夹
app // Angularjs 用的,相当于 src
bower_components // 前端用库
fonts // 字体文件
images // 图片资源
res // 不知道,感觉像国际化时候用的资源文件
sripts // js文件夹
styles // css文件夹
templates // view文件夹
index.html // 进口,算了还是叫入口吧
hooks // 暂时不知道干啥的
merges // 同上
node_modules // node库,主要是为了grunt 这个环境用的,比如:
chai // 测试框架
cordova // mobile 的 js 框架
grunt // grunt
grunt-** // 自己看吧
jshint-stylish // jshit粗略看了一下,貌似类似于 checkstyle 之类的东西。看屎识健康。
karma // 测试框架的runtime
ripple-emulator // cordova 导入模拟器用的打包工具,吧。
time-grunt // 时代杂志-封面野猪
platforms // cordova模拟器,ionic add ios/android 这样的
plugins // cordova用手机各功能调用插件。比如说 vibration 按摩功能
test // karma 用的测试文件文件夹
www // cordova 编译保存文件夹,相当于 bin
.bowerrc // bower的配置文件,比如说 bower_components 玩意你可以配成 componets 或者是 plugins
.editorconfig // 貌似是编辑器的统一配置?不懂 # http://editorconfig.org
.gitignore // git 忽略文件列表,做例子的大神,能不能把库带上,下载不下来多辛苦。
.jshintrc // jshint 配置
bower.json // bower 配置
config.xml // 这个才是工程入口?感觉不对啊,我在
Gruntfile.js // 这个里面没看到有关于它的配置。这文件巨复杂。不能弄个工具让我选么。
package.json // 这个是 node 配置文件,刚才 node_module 里面那些就是这里列出来的。