angular下載安裝

1、下載安裝nodejs

官方地址： https://nodejs.org/en/download/

 

2、驗證是否安裝成功

node -v

npm -v

 

公司內網需要設置代理

npm config set registry http://mirrors.tools.huawei.com/npm

 

3、全局安裝angular cli

npm install -g @angular/cli

 

4、創建新項目

打開終端窗口，執行命令

ng new my-app

 

5、啟動開發服務器

cd my-app

ng serve --open

ng serve命令會啟動開發服務器，監聽文件變化，並在修改這些文件時重新構建此應用。使用--open（或-o）參數可以自動打開瀏覽器並訪問http://localhost:4200/。

本應用會用一條消息來跟你打招呼：

 

The app works

 

6、編輯我們的第一個angular組件

 

這個CLI為我們創建了第一個Angular組件。 它就是名叫app-root的根組件。 你可以在./src/app/app.component.ts目錄下找到它。

 

打開這個組件文件，並且把title屬性從 app works! 改為 My First Angular App ：

export class AppComponent {
  title = 'My First Angular App';
}

瀏覽器會自動刷新，而我們會看到修改之后的標題。不錯，不過它還可以更好看一點。

打開 src/app/app.component.css 並給這個組件設置一些樣式：

h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}