1、安裝NODEJS
(1) nodejs程序下載
從http://nodejs.cn/download/ ,根據自己的操作系統,選擇對應的版本。
image.png
(2) nodejs安裝
安裝過程,按照引導程序,一步一步走下去即可。
(3)nodejs驗證
在命令行輸入 node -v,顯示正確的版本,表示安裝成功。
image.png
2、安裝Python
(1) python程序下載
從 https://www.python.org/downloads/release/python-2713/ ,根據自己的操作系統,選擇對應的版本。
(2)python程序安裝
安裝目錄選擇 C:\Python27 目錄。
3、安裝Angular-cli
(1)安裝Angular-cli
npm install -g @angular/cli
(2)驗證Angular-cli
ng -v
image.png
4、創建一個項目
//lzf 項目名稱
ng new lzf
image.png
5、啟動項目
進入項目目錄,運行如下命令
npm start
運行結果:
image.png
瀏覽器訪問
http://127.0.0.1:4200
image.png
6、打包項目
執行命令:
ng build
運行結果:
image.png
輸出文件:
輸出文件在項目的dist目錄中。
image.png
7、獨立部署
將打包的向, 拷貝到nginx 或者tomcat 或者其他服務器,可以獨立的部署。在index.html 中的base 標簽,修改項目的根路徑。
<base href="/">