Want to see English version of this post? [Click here](./README_EN.md).

# 项目简介
angular-base是一个以angular5.21为基础的，帮助企业快速开发的种子项目。
> 该项目是帮助企业快速开发使用的种子项目，如果你是新手，上手该项目可能不是一个很好的选择。

项目地址：

- 开源中国： https://gitee.com/lovepeng/angluar-base

- github：  https://github.com/liepeng328/angular-base

# 设计思想
**君子性非异也，善假于物也。**

小公司开发或者个人开发项目，最好是找现成的轮子，改造一下为自己所用。节省的不是时间，是人民币。

# 前端界面风格遵循阿里的ANT DESIGN

### 微小·确定·幸福

基于阿里的ANT DESIGN [详情看这里](https://ant.design/docs/spec/introduce-cn)
- 导航 [https://ant.design/docs/pattern/navigation-cn](https://ant.design/docs/pattern/navigation-cn)

- 表单 [https://ant.design/docs/pattern/form-cn](https://ant.design/docs/pattern/form-cn)

- 列表 [https://ant.design/docs/pattern/list-cn](https://ant.design/docs/pattern/list-cn)

- 表格 [https://ant.design/docs/pattern/table-cn](https://ant.design/docs/pattern/table-cn)

- 表格：复杂数据 [https://ant.design/docs/pattern/complex-table-cn](https://ant.design/docs/pattern/complex-table-cn)

- 高级搜索 [https://ant.design/docs/pattern/advanced-search-cn](https://ant.design/docs/pattern/advanced-search-cn)
 
 下载设计组件库 [http://library.ant.design/](http://library.ant.design/)
 资源下载 [https://ant.design/docs/resource/download-cn](https://ant.design/docs/resource/download-cn)

# 集成的开源插件
- [jQuary](https://jquery.com/)
- [BootStarp](http://www.bootcss.com/)
- [Angular](https://angular.cn/)
- [TypScript](https://www.tslang.cn/)

[关于angular2如何使用第三方js库请看这里](http://www.jianshu.com/p/02a3ced24366)

# 集成的开源组件库
- [阿里巴巴开源库NG-ZORRO](https://ng.ant.design/#/docs/angular/introduce)
- [饿了么团队开源库element](https://element-angular.faas.ele.me/guide/install)

[集成阿里巴巴开源库NG-ZORRO看这里](https://ng.ant.design/#/docs/angular/getting-started)

[集成饿了么团队开源库element看这里](https://element-angular.faas.ele.me/guide/install)

# 开发环境
- nodejs 8.4.0
- npm 5.3.0
- angular/cli: 1.5
- TypeScript 2.4.2

# 快速启动

使用前，安装angular-cli

`npm install -g @angular/cli` [参考链接](https://github.com/angular/angular-cli)

如果网络受限，请尝试[淘宝的镜像](https://github.com/cnpm/cnpm)

`npm i -g cnpm --registry=https://registry.npm.taobao.org`

下载该项目然后`npm install`

`ng serve`后打开浏览器 `localhost:4000`即可

如果出现错误你可以参考这里[angular开发常见错误](src/assets/doc/error.md)src/assets/doc/error.md

### 提示
不清楚ng指令，可以`ng help`

比如修改启动端口号，`ng serve -p 4300`即可

编译发布 `ng build -prod  -base-href ./`即可

- 开发调试
```
一键启动调试
$ ng serve 
```
-  构建和部署
```
$ ng build --prod
入口文件会构建到 dist 目录中，你可以自由部署到不同环境中进行引用。
```

# 浏览器兼容性
现代浏览器和 IE10 以上（需要 polyfills）

[关于polyfills（填充）请看这里](src/assets/doc/polyfills.md)

# 查看更多

[查看更多请看这里，文档查看也看这里](src/assets/doc/index.md)

本项目的所有代码都带文档，文档地址src/assets/doc/文件夹下

[加入QQ群一起讨论](https://jq.qq.com/?_wv=1027&k=50KMIsW)

欢迎前后端的大神， 317896269 web开发交流群

# 友情推荐

一个完整的后台管理项目推荐：http://ng-alain.com/

使用angular开发手机app请看：https://ionicframework.com/

如果你想学习angular这里有个完整的技术栈学历途径，提供网页，app，pc桌面版教学：https://gitee.com/mumu-osc/NiceFish/

kunney/angular-base

简介

发行版

贡献者

近期动态

kunney/angular-base .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

kunney/angular-base