angular6學習（一）

　　***須注意：

　　一、 安裝 node與npm

　　二、基於版本開發：

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

　　

1、安裝

　　　　全局安裝angular-cli：　

ng install -g angular/cli

　　　　檢驗安裝版本：

ng -v

 

2、簡易命令

　　一、檢驗安裝是否成功(出現安裝版本號，即爲成功)：

ng -v (ng version)

　　

 

　　二、幫助命令：

ng help

　　

　　

　　

 

　3、建立項目

　　　建立一個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命令

　　　　　　　　

　　4、啓動項目　

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

 

　　5、打包編譯

　　　　　　構建工件將存儲在/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