1、安裝NODEJS
(1) nodejs程序下載
從http://nodejs.cn/download/ ,根據(jù)自己的操作系統(tǒng),選擇對(duì)應(yīng)的版本。

image.png
(2) nodejs安裝
安裝過(guò)程,按照引導(dǎo)程序,一步一步走下去即可。
(3)nodejs驗(yàn)證
在命令行輸入 node -v,顯示正確的版本,表示安裝成功。

image.png
2、安裝Python
(1) python程序下載
從 https://www.python.org/downloads/release/python-2713/ ,根據(jù)自己的操作系統(tǒng),選擇對(duì)應(yīng)的版本。
(2)python程序安裝
安裝目錄選擇 C:\Python27 目錄。
3、安裝Angular-cli
(1)安裝Angular-cli
npm install -g @angular/cli
(2)驗(yàn)證Angular-cli
ng -v

image.png
4、創(chuàng)建一個(gè)項(xiàng)目
//lzf 項(xiàng)目名稱
ng new lzf

image.png
5、啟動(dòng)項(xiàng)目
進(jìn)入項(xiàng)目目錄,運(yùn)行如下命令
npm start
運(yùn)行結(jié)果:

image.png
瀏覽器訪問(wèn)
http://127.0.0.1:4200

image.png
6、打包項(xiàng)目
執(zhí)行命令:
ng build
運(yùn)行結(jié)果:

image.png
輸出文件:
輸出文件在項(xiàng)目的dist目錄中。

image.png
7、獨(dú)立部署
將打包的向, 拷貝到nginx 或者tomcat 或者其他服務(wù)器,可以獨(dú)立的部署。在index.html 中的base 標(biāo)簽,修改項(xiàng)目的根路徑。
<base href="/">