Angular4.O笔记

测试环境 - 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目的很明显,此处不说明