1.1 Angular 介紹

Angular 是一款來自谷歌的開源web前端框架，誕生于2009年，由MiskoHevery等人創(chuàng)建，后為Google所收購，是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。根據(jù)項(xiàng)目數(shù)統(tǒng)計 angular（1.x 、2.x 、4.x、5.x、6.x、7.x）是現(xiàn)在網(wǎng)上使用量最大的框 架。
Angualr 基于 TypeScript 和 react、vue 相比 Angular 更適合中大型企業(yè)級項(xiàng)目。目前 2018 年 11 月 25 日 angular 最新版本 angular7.x。根據(jù)官方介紹，Angular 每過幾個月 就會更新一個版本。此教程同樣適用于后期更新的 Angular8.x、Angular9.x....。

1.2 Angular學(xué)習(xí)必備基礎(chǔ)

1） 必備基礎(chǔ)：html 、css 、js、es6
2） 如果有 Typescript 基礎(chǔ)更容易理解，沒有 Typescript 基礎(chǔ)也可以學(xué)此教程。此教程中用到的 Typescript 語法會詳細(xì)講解。
3） Typescript 基礎(chǔ)入門教程:https://www.itying.com/goods-905.html

1.3 Angular環(huán)境搭建

1.3.1 安裝前準(zhǔn)備工作

1） 安裝 nodejs
2） 安裝 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

1.3.2 安裝angular/cli

npm install -g @angular/cli 或者 cnpm install -g @angular/cli

1.4 Angular創(chuàng)建項(xiàng)目

1） 打開命令行工具找到你要創(chuàng)建項(xiàng)目的目錄
2） 創(chuàng)建項(xiàng)目 ng new 項(xiàng)目名稱 如果要跳過 npm i 安裝

ng new angulardemo --skip-install

3） 運(yùn)行項(xiàng)目

ng serve –open