Skip to content

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

Notifications You must be signed in to change notification settings

CloneOthersProject/angular-base

 
 

Repository files navigation

项目简介

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

设计思想

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

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

前端设计规范

微小 · 确定 · 幸福

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • ActionScript 89.8%
  • JavaScript 5.7%
  • TypeScript 3.6%
  • Other 0.9%