1.AngularJS Seed项目目录结构 AngularJS官方网站提供了一个angular-phonecat项目,另外一个就是Angular-Seed项目。 所以大多数团队会基于Angular-Seed项目来开发,本文首先分析angular-seed项目的目录结构。以及AngularJS团队为我们做了什么事情,提供了我们真实开发最需要的框架结构。 AngularSeed Github地址 1.1 angular-seed优点 提供一个基本的SPA应用的基本框架 使用了npm来安装npm模块,集成bower安装第三方类库和插件 集成单元测试和端到端测试环境 采用Travis来做集成测试 1.2 angular-seed缺点 只创建了2个视图和对应的控制器 未提供创建服务、自定义指令和过滤器的代码 代码未按需加载,首页把视图要用到的控制器代码全部加载进来
For this, the AngularJS team recommends two solutions: 1) Use the angular-seed (https://github.com/angular /angular-seed) project, which is basically a skeleton of a typical AngularJS application. For example, angular-seed will create a folder named ‘app’ where all the static deployable files are
常用的脚手架有Angular-Seed和Angular-cli。 Angular-seed采用Gulp框架编译TypeScript,据说这个Gulp也是很牛叉的框架,采用非阻塞流来处理要编译源码字符流,有空确实要深入了解一下。
Google给的AngularJS官方的angular-seed和angular-phonecat都是这样。
tutorials/testing-angularjs-with-jasmine-and-karma-part-1) Angular 官方示例 (https://github.com/angular/angular-seed
官方网站:https://github.com/angular/angular-seed 21)LUMX 基于AngularJS和Google Material Design规范的第一个响应前端的框架。
github地址:https://github.com/zensh/jsgen AngularJS 開發實戰:解析 angular-seed 專案架構與內容 from Will Huang AngularJS
在Angular2上衍生了不少优秀的框架或库,如 angular-seed,material2, ui-router等。
如果你喜欢这个特性,看看这个项目:https://github.com/angular/angular-seed 项目主页: angularjs.org AngularUI JavaScript Data
图中主要演示项目中大概会有的几种文件类型,fonts(ttf,svg),image(jpg,png),js,less(sass),实际项目会复杂得多,开始一个项目的时候,可以直接从git上拿一个angular-seed
如 Angular 官方提供了一个 angular-seed 的项目,它提供了一套基本的模板,可以用来快速的创建应用。