项目简介

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

项目首页预览图

设计思想

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

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

前端设计规范

微小 · 确定 · 幸福

基于阿里的 ANT DESIGN

• 导航 / 表单 / 列表
• 表格 / 表格: 复杂数据
• 高级搜索

更多：设计, 资源

使用前需要知道的知识

• 简单的 html ，css，js 的前端开发经验
• 面向对象的编程思想，当然你是后台 Java 或 C# 开发者最好
• angular4.0以上版本
• TypeScript
• 该项目是帮助企业快速开发使用的种子项目，不适合新手学习，建议新手先学习基础知识。

学习angular系列教材整理

集成的开源插件

• jQuary
• BootStarp
• Angular
• TypScript

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

集成的开源组件库

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

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

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

快速启动

• 使用前准备工作

1. 安装全局的 angular-cli：

$ npm i @angular/cli@latest -g

国内用户可以尝试:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

1. 安装项目依赖与启动:

$ npm i && ng server

错误请参考 angular 开发常见错误src/assets/doc/error.md)

注意

• 帮助: ng help
• 改启动端口号: ng serve -p 4300
• 发布: ng build -prod -base-href ./
• 开发调试:

  ## 一键启动调试
  $ ng serve --port 0 --open
  ## 如果需要实时调试 AoT 效果，请使用以下命令启动
  $ ng serve --port 0 --open --aot

• 构建和部署

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

浏览器兼容性

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

关于 polyfills（填充）请看这里

查看更多

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

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

邀请你的加入

如果你喜欢 code，喜欢分享，欢迎你的加入，跟我们一起维护这个项目，
展现你独特的精彩。欢迎任何人任何形式的开源，加入请联系 1029538990@qq.com,
qq号和邮箱你随意选择。

增加功能后麻烦也维护一份对应的说明文档。

本项目文档维护在目录 src/assets/doc

本项目案例展示（demo）维护在 src/app/demo

增加新的案例或插件，记得更新对应文档。

加入QQ群一起讨论

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

项目刚开始，近期会频繁更新，逐渐完善。另外开发者水平有限，如果错误请随时指出，联系邮箱：1029538990@qq.com