# angular-base

**Repository Path**: git_jintian/angluar-base

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 31
- **Created**: 2017-12-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目简介
angular-base是一个以angular5.0为基础的，帮助企业
快速开发的种子项目。
> 该项目是帮助企业快速开发使用的种子项目，如果你是新手，上手该项目可能不是一个很好的选择。


项目地址：

开源中国： https://gitee.com/lovepeng/angluar-base

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

# 设计思想
**君子性非异也，善假于物也。**

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

# 前端设计规范

### 微小·确定·幸福

基于阿里的ANT DESIGN [详情看这里](https://ant.design/docs/spec/introduce-cn)
- 导航 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](https://jquery.com/)
- [BootStarp](http://www.bootcss.com/)
- [Angular](https://angular.cn/)
- [TypScript](https://www.tslang.cn/)

[关于angular2如何使用第三方js库请看这里](http://www.jianshu.com/p/02a3ced24366)

# 集成的开源组件库
- [阿里巴巴开源库NG-ZORRO](https://ng.ant.design/#/docs/angular/introduce)
- [饿了么团队开源库element](https://element-angular.faas.ele.me/guide/install)

[集成阿里巴巴开源库NG-ZORRO看这里](https://ng.ant.design/#/docs/angular/getting-started)

[集成饿了么团队开源库element看这里](https://element-angular.faas.ele.me/guide/install)

# 开发环境
- nodejs 8.4.0
- npm 5.3.0
- angular/cli: 1.5
- TypeScript 2.4.2


# 快速启动
- 使用前准备工作
使用前，安装angular-cli `npm install -g @angular/cli@latest`
[参考链接](https://github.com/angular/angular-cli)
> 如果网络受限，请尝试[淘宝的镜像](https://github.com/cnpm/cnpm)
> `npm i -g cnpm --registry=https://registry.npm.taobao.org`

- 下载该项目然后`npm install`
- `ng serve`后打开浏览器 `localhost:4000`即可

如果出现错误你可以参考这里[angular开发常见错误](src/assets/doc/error.md)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/polysills.md)

# 查看更多

[查看更多请看这里，文档查看也看这里](src/assets/doc/index.md)

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

[加入QQ群一起讨论](https://jq.qq.com/?_wv=1027&k=50KMIsW)

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