Angular中文官網地址:https://angular.cn/guide/quickstart
1.設置開發環境
node 8.X以上版本,npm 5.x以上版本(node -v , npm -v)
全局安裝Angular Cli
windows系統: npm install -g @angular/cli
mac 系 統: sudo npm install -g @angular/cli (輸入用戶密碼)
注:mac Ubuntu系統,上面全局安裝angular腳手架,命令必須加sudo,下面的命令可加可不加,
window 一律不用加sudo
2.創建新項目
進入項目需要放在的文件目錄下面,運行下面命令生成新項目及默認應用代碼
(sudo) ng new my-app(項目文件名稱)
在所選目錄下生成my-app文件夾(加sudo,生成的文件有隻讀權限)
3.進入目錄,啓動開發服務器
cd my-app
(sudo) ng serve --open
(參數--open 或 -o自動打開瀏覽器,監聽4200端口,http://localhost:4200/)
4.編輯組件
注:my-app下文件若爲只讀狀態,cd my-app , sudo chmod 777 * -R 修改權限;
在./src/app/app.component.ts文件目錄下,cli創建了一個基本組件
具體文件目錄信息見官網介紹