下載nodejs
- 下載地址
- 在命令行輸入：
npm -v如果出現如下畫面即安裝成功
安裝Angular的cli命令行工具
- 命令：
sudo npm install -g @angular/cli - 輸入
ng -v，如出現以下畫面即表示安裝成功
創建項目
- 命令：
ng new XXX,XXX表示項目名稱，如：ng new iAngular
此時在相應目錄下就會有新項目生成
Angular組件
默認項目構成
組件構成
啟動順序
-
main.ts
通過platformBrowserDynamic().bootstrapModule(AppModule)來加載模塊AppModule
-
AppModule
通過declarations: [AppComponent]聲明並通過bootstrap: [AppComponent]加載AppComponent組件 -
AppComponent
通過裝飾器@Component指定了選擇器名稱、模板URL和組件樣式文件 -
模板文件(*.html)
通過{{title}}表達式讀取控制器中的元素title -
樣式文件(*.css)
此處本來是空的，樣式是自己加的 -
首頁index.html
啟動項目
- 在項目根目錄下執行
npm start命令，出現以下畫面即表示啟動成功：
- 訪問
