angular6学习（一）

　　***须注意：

　　1、 安装 node与npm

　　2、基于版本开发：

　　　　Angular CLI: 6.0.3
　　　　Node: 8.10.0
　　　　OS: win32 x64
　　　　Angular: 6.0.3

　　

一、安装

　　　　全局安装angular-cli：　

ng install -g angular/cli

　　　　检验安装版本：

ng -v

 

二、简易命令

　　1、检验安装是否成功(出现安装版本号，即为成功)：

ng -v (ng version)

　　

 

　　2、帮助命令：

ng help

　　

　　

　　

 

　三、创建项目

　　　创建一个angular项目，默认在当前目录下：

ng new <project-name> [options]

 

　　　　<project-name>:项目名称

　　　　[options]参数：

　　　　　　(1)--dry-run 只输出要创建的文件和执行的操作，实际上并没有创建项目

　　　　　　(2)--verbose 输出详细信息

　　　　　　(3)--skip-npm 在项目第一次创建时不执行任何npm命令

　　　　　　(4)--name 指定创建项目的名称

　　　　　　(5)--skip-install 在项目第一次创建时不执行npm install命令

　　　　　　　　

　　四、启动项目　

cd <project-name>

ng serve

 

**** ng serve 参数：

（1）启动并打开默认浏览器，默认地址为http://localhost:4200

ng serve --open

（2）更改ip地址，端口地址，重载端口更换　　　

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

   　　Ip地址更换：0.0.0.0

　　　端口更换：4201

　　　重载端口更换：49153

 

　　五、打包编译

　　　　　　构建工件将存储在/dist目录中。

　　　　　　ng build可以指定构建目标（--target = production或--target = development）和要与该构建一起使用的环境文件（--environment = dev或--environment = prod）。 默认情况下，使用开发构建目标和环境。

# 这是生产构建

ng build --target=production --environment=prod

ng build --prod --env=prod

ng build --prod

# 这是开发构建

ng build --target=development --environment=dev

ng build --dev --e=dev

ng build --dev

ng build