/angular-base

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

Primary LanguageActionScript

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

项目简介

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

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

项目地址:

设计**

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

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

前端设计规范

微小·确定·幸福

基于阿里的ANT DESIGN 详情看这里

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

集成的开源插件

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

集成的开源组件库

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