Want to see English version of this post? Click here.

项目简介

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/pattern/navigation-cn

• 表单 https://ant.design/docs/pattern/form-cn

• 列表 https://ant.design/docs/pattern/list-cn

• 表格 https://ant.design/docs/pattern/table-cn

• 表格：复杂数据 https://ant.design/docs/pattern/complex-table-cn

• 高级搜索 https://ant.design/docs/pattern/advanced-search-cn

下载设计组件库 http://library.ant.design/ 资源下载 https://ant.design/docs/resource/download-cn

集成的开源插件

• jQuary
• BootStarp
• Angular
• TypScript

关于angular2如何使用第三方js库请看这里

集成的开源组件库

• 阿里巴巴开源库NG-ZORRO
• 饿了么团队开源库element

集成阿里巴巴开源库NG-ZORRO看这里

集成饿了么团队开源库element看这里

开发环境

• nodejs 8.4.0
• npm 5.3.0
• angular/cli: 1.5
• TypeScript 2.4.2

快速启动

使用前，安装angular-cli

npm install -g @angular/cli 参考链接

如果网络受限，请尝试淘宝的镜像

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

下载该项目然后npm install

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

如果出现错误你可以参考这里angular开发常见错误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/文件夹下

加入QQ群一起讨论

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

友情推荐

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

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

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