基于angular4.0开发的企业级快速开发项目,已经开源

  1. 云栖社区>
  2. 博客>
  3. 正文

基于angular4.0开发的企业级快速开发项目,已经开源

互联网编程 2017-12-04 09:07:00 浏览960
展开阅读全文

项目简介

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

img_c0b4b092967648456f9a40231932bc52.png
项目首页预览图

设计思想

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

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

前端设计规范

微小 · 确定 · 幸福

基于阿里的 ANT DESIGN

更多:设计, 资源

使用前需要知道的知识

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

学习angular系列教材整理

集成的开源插件

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

集成的开源组件库

集成阿里巴巴开源库 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

网友评论

登录后评论
0/500
评论
互联网编程
+ 关注