Angular 2.0 预备库 Angular Starter Kit

未知
JavaScript TypeScript
跨平台
2016-01-01
叶秀兰

angular-next-starter-kit 是使用 Angular 1.x 开发的应用准备迁移到 Angular 2.0 的种子项目。

Angular 2.0 引入了一些新概念和设计模式,但是 Angular 2.0 还有几个月才能在生产环境使用。为了能让 Angular 1.x 开发的应用使用 Angular 2.0 的概念和一些技术,就有了 angular-next-starter-kit。

此项目的目标是:

  • 专注于应用逻辑:

    • 创建一个 service 来获取数据

    • 创建一个 component 来使用数据

    • 使用更小的组件来 Compose 更大的组件

开发者不需要担心:

  • 配置 build system

  • 配置 unit tests, end-to-end tests, code coverage

  • 提供 static analysis 和配置 typescript

  • 自动生成 documentation

特性

  • Complete scaffolding with Angular 1.4.x

  • Typescript 集成

  • Webpack 绑定系统,多个加载器 (sass, html, typescript)

  • Gulp 集成 (currently only one task to provide auto documentation)

  • Karma 集成 Mocha, Chai,多个浏览器启动器 (Chrome, PhantomJS) 和代码覆盖

  • Interfaces 和 APIs 可以创建可测试和可复用组件

  • 各种服务接口

    • Http Service

    • Socket Service using Socket IO

    • SOAP Service using soap client

    • Buffer Service using ProtobufJS

框架

  • Angular 1.4.x

  • Bootstrap (sass) 3.3.6

  • Socket IO Client 1.3.7

  • Typescript v1.7.5

目录结构:

|-- app                         | Root directory for the application
|
|---- common                    | All modules common to the application
|------ bindingTypes.ts         | Module containing Angular binding types
|------ component.ts            | Interface for a BaseComponent
|------ service.ts              | Interfaces for HttpService, SocketService, SoapService and BufferService
|
|---- components                | Root directory for all the components. Any component should go in here
|------ dropdown                | Sample implementation of a component
|-------- dropdown.html         | Template file for the component using Angular's template syntax
|-------- dropdown.scss         | Scoped styles for the component. This can now just be `required` in
|-------- dropdown.spec.ts      | Unit test spec file for the component. This should be local to the component
|-------- dropdown.ts           | Implementation of the component itself
|
|---- core                      | Utility modules that bootstrap the application
|------ bootstrap.ts            | Loads in all the other utility modules and bootstrap's Angular
|------ components.ts           | Holds references to all the components
|------ modules.ts              | Registers all the modules
|------ services.ts             | Holds references to all the services
|------ tests.ts                | Imports all the necessary modules needed for testing
|
|---- services
|------ stock-service.ts        | Reference implementation of an HttpService using JSONP
|
|---- utilities                 | Any utilities used across the application
|
|---- app.d.ts                  | Typescript definition file for the application
|---- index.html                | Main html file for the application
|---- index.scss                | Main css file for the application
|
|-- build                       | Contains the bundled application
|-- docs                        | Contains all auto generated documentation 
|-- fonts                       | Contains application wide fonts
|-- images                      | Contains application wide images
|-- gulpfile                    | Gulp task file. Currently only one task to generate documentation is provided
|-- karma.conf.js               | Configuration file for the karma test runner
|-- package.json                | Contains NPM dependencies and application commands
|-- tsconfig.json               | Typescript compiler configuration
|-- tsd.json                    | Contains references to definitely typed libraries
|-- tslint.json                 | Configuration used by the tslint-loader 
|-- webpack.config.js           | Webpack's global configuration file
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Angular 6 正式发布

Angular 6 已经正式发布了!这个主要版本并不关注于底层的框架,更多地关注于工具链,以及使 Angular 在未来更容易快速推进。 作为发布的一部分,我们同步了主要的框架包 (@angular/core, @a...

05/06 16:56
941
2
Egghead.io AngularJS视频教程

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

2014/02/08 14:36
101
0
《AngularJS学习整理》系列分享专栏

《AngularJS学习整理》系列分享专栏 《AngularJS学习整理》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201748.html 文章 教你用AngularJS框架一行JS代码实现...

11/09 09:16
42
0
给 Web 开发者的 25 款最有用的 AngularJS 工具

AngularJS 是一种新 JavaScript 框架,目的是降低要求,加快开发速度。AngularJS 是让 HTML 标记动态,使其对 web 开发者更有帮助,同时从大量的分段中给定一个标准结构,使开发速度更快更高...

2015/07/25 16:46
151
1
AngularJS 中文资料+工具+库+Demo 大搜集

AngularJS 中文资料+工具+库+Demo 大搜集

2013/12/28 16:11
147
0
AngularJs

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过

2015/07/10 16:49
25
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部