SmallShrimp / angular-base

angular-base是一个以angular5.0为基础，面向未来的项目。 整合jQuary、bootStrap等前端常用技术， 集成阿里，饿了么团队，谷歌等开箱即用的开源组件库， 同时支持手机、pc进行多种格式和多种协议视频播放功能。 使前端完全组件化，模块化。 终极目的是让项目开发像搭积木一样，需要什么先找“积木”，如果没有则自己造一个“积木”，然后可以一直复用。 方便快速开发。

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

项目简介

angular-base是一个以angular5.0为基础的，帮助企业快速开发的种子项目。

该项目是帮助企业快速开发使用的种子项目，如果你是新手，上手该项目可能不是一个很好的选择。

项目地址：

• 开源**： https://gitee.com/lovepeng/angluar-base

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

设计**

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

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

前端设计规范

微小·确定·幸福

基于阿里的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@latest 参考链接

如果网络受限，请尝试淘宝的镜像 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 --port 0 --open

• 构建和部署

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

浏览器兼容性

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

关于polyfills（填充）请看这里

查看更多

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

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

加入QQ群一起讨论

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