1. 程式人生 > >Angular7教程-01-Angular開發環境配置

Angular7教程-01-Angular開發環境配置

本教程基於angular7(2018-11-04)

1. 安裝node.js

在這裡插入圖片描述

下載對應自己作業系統的版本安裝即可。

2.安裝 angular-cli開發套件

安裝命令:

npm install -g @angular/cli

3.建立一個新的專案

ng new my-project #建立新專案
cd my-project #進入專案目錄
ng serve -o #啟動伺服器並預覽專案

ng serve -o會自動開啟瀏覽器並預覽專案,如不能自動開啟,可手動開啟瀏覽器,並在位址列輸入:http://localhost:4200.

在linux系統下可能會遇見npm,ng中的命令找不到,需要建立軟連結。建立軟連結命令如下:

sudo ln -s ~/programs/node/bin/ng  /usr/local/bin/ng

其中的~/programs/node/為你自己的nodejs的安裝路徑。

其他未盡事宜歡迎在評論區討論。