RequireJS + AngularJS Seed 09 _Ionic

找了找,发现了这篇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 里面那些就是这里列出来的。

你可能感兴趣的:(AngularJS,requirejs)