# angular-base **Repository Path**: CodeHare/angluar-base ## Basic Information - **Project Name**: angular-base - **Description**: angular-base是一个以angular5.x为基础，面向未来的项目。 整合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**: 62 - **Created**: 2021-06-09 - **Last Updated**: 2021-06-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README Want to see English version of this post? [Click here](./README_EN.md). # 项目简介 angular-base是一个以angular5.21为基础的，帮助企业快速开发的种子项目。 > 该项目是帮助企业快速开发使用的种子项目，如果你是新手，上手该项目可能不是一个很好的选择。 项目地址： - 开源中国： https://gitee.com/lovepeng/angluar-base - github： https://github.com/liepeng328/angular-base # 设计思想 **君子性非异也，善假于物也。** 小公司开发或者个人开发项目，最好是找现成的轮子，改造一下为自己所用。节省的不是时间，是人民币。 # 前端界面风格遵循阿里的ANT DESIGN ### 微小·确定·幸福 基于阿里的ANT DESIGN [详情看这里](https://ant.design/docs/spec/introduce-cn) - 导航 [https://ant.design/docs/pattern/navigation-cn](https://ant.design/docs/pattern/navigation-cn) - 表单 [https://ant.design/docs/pattern/form-cn](https://ant.design/docs/pattern/form-cn) - 列表 [https://ant.design/docs/pattern/list-cn](https://ant.design/docs/pattern/list-cn) - 表格 [https://ant.design/docs/pattern/table-cn](https://ant.design/docs/pattern/table-cn) - 表格：复杂数据 [https://ant.design/docs/pattern/complex-table-cn](https://ant.design/docs/pattern/complex-table-cn) - 高级搜索 [https://ant.design/docs/pattern/advanced-search-cn](https://ant.design/docs/pattern/advanced-search-cn) 下载设计组件库 [http://library.ant.design/](http://library.ant.design/) 资源下载 [https://ant.design/docs/resource/download-cn](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` [参考链接](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 ``` - 构建和部署 ``` $ ng build --prod 入口文件会构建到 dist 目录中，你可以自由部署到不同环境中进行引用。 ``` # 浏览器兼容性 现代浏览器和 IE10 以上（需要 polyfills） [关于polyfills（填充）请看这里](src/assets/doc/polyfills.md) # 查看更多 [查看更多请看这里，文档查看也看这里](src/assets/doc/index.md) 本项目的所有代码都带文档，文档地址src/assets/doc/文件夹下 [加入QQ群一起讨论](https://jq.qq.com/?_wv=1027&k=50KMIsW) 欢迎前后端的大神， 317896269 web开发交流群 # 友情推荐 一个完整的后台管理项目推荐：http://ng-alain.com/ 使用angular开发手机app请看：https://ionicframework.com/ 如果你想学习angular这里有个完整的技术栈学历途径，提供网页，app，pc桌面版教学：https://gitee.com/mumu-osc/NiceFish/