项目简介

angular-base是一个以angular4.0为基础的，帮助企业 快速开发的种子项目，开箱即用，检出即用。

设计思想

君子性非异也，善假于物也。

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

前端设计规范

微小·确定·幸福

基于阿里的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

使用前需要知道的知识

• 简单的html，css，js的前端开发经验
• 面向对象的编程思想，当然你是后台java或c#开发者最好
• angular4.0以上版本
• TypeScript
• 该项目是帮助企业快速开发使用的种子项目，如果你是新手，上手该项目可能不是一个很好的选择。

学习angular系列教材整理

集成的开源插件

• jQuary
• BootStarp
• Angular
• TypScript

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

集成的开源组件库

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

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

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

开发环境

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

快速启动

• 使用前准备工作 使用前，安装angular-cli npm install -g @angular/cli@latest 参考链接

如果网络受限，请尝试淘宝的镜像 npm i -g cnpm --registry=https://registry.npm.taobao.org

• 下载该项目然后npm install
• ng serve后打开浏览器 localhost:4200即可

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

注意

不清楚ng指令，可以ng help

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

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

• 开发调试

一键启动调试
$ ng serve --port 0 --open

• 构建和部署

$ ng build --prod
入口文件会构建到 dist 目录中，你可以自由部署到不同环境中进行引用。

浏览器兼容性

现代浏览器和 IE9 以上（需要 polyfills）

关于polyfills（填充）请看这里

查看更多

查看更多请看这里，文档查看也看这里

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

加入QQ群一起讨论

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