## 1. 说明:
github: https://github.com/angular/angular-cli
## 2. 使用angluar-cli快速创建工程化angluar项目
### 完整模板创建项目:
npm install -g @angular/cli
ng new my-project (--skip-install) 不要安装 （--style css）样式 --routing fasle（不要安装路由）
cd my-project
ng serve
默认localhost:4200
### 模板项目的结构
|-- e2e : 端对端的测试目录 一般开发时候不用
|-- node_modules
|-- src : 源码文件夹
|-- app: angluar组件及其模块化相关资源文件夹
|--app.component.css：应用样式
|--app.component.html：应用html
|--app.component.ts： 根组件文件
|--app.module.ts：根模块文件
|--app-routing.module.ts：根路由组件
|-- assets: 静态文件及图片等资源
|-- environments: 多环境修改文件
|--environment.prod：生产环境配置
|--environment: source和dev环境配置
|--browserslist：为css维护兼容性针对css
|--favicon.ico：应用图标
|--index.html：根html
|--karma.conf.js：单元测试文件配置
|--main.ts: 脚本执行入口点（入口文件）
|--polyfills.ts：浏览器兼容文件针对js
|--styles.css：全局样式文件
|--test.ts：测试文件
|--tsconfig.app.json：ts编译器的配置
|--tsconfig.spec.json：测试文件
|--tslint.json：tslink语法检查配置文件
|-- .editorconfig ide 配置文件
|-- .gitignore: git版本管制忽略的配置
|-- angular.json: angluar命令行控制文件（支持多项目）
|-- package.json: 应用包配置文件
|-- README.md: 应用描述说明的readme文件
|-- tsconfig.json:ts配置文件
|-- tslint.json：tslink语法检查配置文件
##3.项目打包发布(本地测试dist文件)
npm run build
npm install express-generator -g 全局安装express-generator生成器
express expressDemo （expressDemo是项目名）创建一个express项目
cd expressDemo
npm install
把dist目录下的所有文件复制到express项目的public文件夹下
然后运行 $ npm start 启动expressDemo
访问 http://localhost:3000