测试环境 - windows8 node -v6.10.1 cnpm@4.5.0
安装 Angular CLI(命令行界面工具,它可以创建项目、添加文件以及执行一大堆开发任务)
cnpm install -g @angular/cli
1.创建项目
ng new my-app
2.进入项目目录,并启动服务器。
cd my-app
ng serve --open
3.CLI常用指令
Component: ng g component my-new-component
Directive: ng g directive my-new-directive
Pipe: ng g pipe my-new-pipe
Service: ng g service my-new-service
Class: ng g class my-new-class
Interface: ng g interface my-new-interface
Enum: ng g enum my-new-enum
Module: ng g module my-new-module
添加一个新的Component,命名为CenterComponent:
ng g component center
在CenterComponent所在目录添加一个CenterService:
ng g service center/center
4.编译打包项目
ng build --prod
5.部署到Nginx
复制项目根目录中生成的dist文件,Nginx配置好的WEB根目录中(将dist文件作为Nginx网站根目录)
修改nginx.conf(配置文件) try_files $uri $uri/ /index.html?$query_string;
修改try_file目的很明显,此处不说明