Angular Starter Kit Angular 2.0 预备库

我要开发同款
匿名用户2016年01月01日
42阅读
开发技术JavaScriptTypeScript
所属分类AngularJS扩展、Web应用开发
授权协议未知

作品详情

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

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

此项目的目标是:

专注于应用逻辑:

创建一个service来获取数据

创建一个component来使用数据

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

开发者不需要担心:

配置buildsystem

配置unittests,end-to-endtests,codecoverage

提供staticanalysis和配置typescript

自动生成documentation

特性

CompletescaffoldingwithAngular1.4.x

Typescript集成

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

Gulp集成(currentlyonlyonetasktoprovideautodocumentation)

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

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

各种服务接口

HttpService

SocketServiceusingSocketIO

SOAPServiceusingsoapclient

BufferServiceusingProtobufJS

框架

Angular1.4.x

Bootstrap(sass)3.3.6

SocketIOClient1.3.7

Typescriptv1.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
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论