這里所說的Angular是指angular2.0以后的版本，和angularjs不同儡湾。以后我說的Angular都是指angular2.0以后的版本咐容。截至現在Angular的版本為5.2.1揉阎。
Angular是google公司開源的一款前端框架庄撮，github地址為：https://angular.io/背捌。是目前非常流行的前端框架之一毙籽，其它兩個框架是react和vue。這里就不比較了毡庆，用一顆敬畏之心去學習并使用就好坑赡，Angular是我最喜歡的烙如，也許先入為主吧，各有所好毅否。Angular官網首頁介紹的Angular的功能和特點亚铁，這里就不多說了，直接開始寫第一個Angular網頁應用螟加。
Angular事實上必須用 TypeScript 來開發(fā)徘溢，因為它的文檔和學習資源幾乎全部是面向 TS 的, Angular本身也是TS開發(fā)的。TS 有很多好處——靜態(tài)類型檢查在大規(guī)模的應用中非常有用捆探，同時對于 Java 和 C# 背景的開發(fā)者也是非常提升開發(fā)效率的然爆。在不用 TS 的情況下使用 Angular 會很有挑戰(zhàn)性。
- 全局安裝angular-cli
Angular CLI是一個命令行界面工具黍图，可以創(chuàng)建項目曾雕，添加文件以及執(zhí)行各種正在進行的開發(fā)任務，如測試助被，捆綁和部署剖张，省去了你對項目繁瑣的配置。包管理推薦用yarn揩环，可以去官網查閱和學習搔弄，這里就不多說了。在使用的過程中也會有很多友好的提示丰滑，要注意查看和學習肯污。
npm使用以下命令安裝
npm install -g @angular/cliyarn使用以下命令安裝
yarn global add @angular/cli-g 和 global是指全局安裝的意思，安裝過程中node-sass有可能會失敗吨枉，多試幾次蹦渣。安裝后用
ng -v命令看看是否安裝成功了。
- 用angular-cli建一個Angular項目
打開Windows PowerShell貌亭，把路徑切換為自己的工作空間柬唯，用ng命令創(chuàng)建一個Angular項目
ng set --global packageManager=yarn // 這是把ng的包管理設置為yarn
ng new my-app // 新建一個項目，并且安裝項目依賴包圃庭，過程比較漫長
ng new my-app --skip-install // 新建一個項目锄奢，跳過安裝依賴包的步驟，簡寫：ng new my-app -si剧腻，
// 沒有安裝依賴包的拘央，需要用yarn install或者npm install安裝依賴包
- 啟動這個Angular項目
在PowerShell中把路徑切換到項目目錄cd my-app,用ng serve --open命令來啟動項目，使用--open（或者只是-o）選項會自動打開瀏覽器书在，項目默認啟動在4200端口http://localhost:4200灰伟。
-
編輯你的第一個Angular組件
用vscode打開項目，找到/src/app/app.component.ts文件儒旬，修改一下title并保存栏账，看看瀏覽器中Logo上面標題有什么變化帖族。
再給title加點樣式，找到src/app/app.component.css文件挡爵，加上以下樣式并保存竖般，看看瀏覽器中Logo上面的標題樣式變化。
h1 {
color: #369;
font-family: Arial, Helvetica, sans-serif;
font-size: 250%;
}
這樣茶鹃，第一個Angular項目就算好了涣雕，但是距離實際開發(fā)還遠遠不夠，繼續(xù)努力學習吧闭翩，相信Angular會帶給你更多驚喜胞谭。
