請(qǐng)先看這里弛姜，請(qǐng)先看這里摊溶，請(qǐng)先看這里
本篇文章只是筆記，僅供參考梆暖。
如果你想學(xué)習(xí)angular4請(qǐng)點(diǎn)擊一下鏈接：大漠的收費(fèi)Angular課程
如果你想自學(xué)請(qǐng)點(diǎn)擊這個(gè)鏈接：Angular優(yōu)質(zhì)學(xué)習(xí)資源收集
在開(kāi)始前颈畸，有必要重復(fù)下我的水平：
大漠窮秋老師把前端分為：石器時(shí)代乌奇，鐵器時(shí)代，工業(yè)時(shí)代（記錯(cuò)了的話見(jiàn)諒）眯娱。我處在野人時(shí)代......
so 有啥毛病那是肯定的礁苗，指出來(lái)就好。
準(zhǔn)備工作
nodejs (這個(gè)是必須要裝的徙缴，個(gè)人建議你下載穩(wěn)定版6.11.2) 點(diǎn)擊這個(gè) node.js 官網(wǎng)
git (這個(gè)隨你的意试伙，如果你玩github，那就不用我解釋了吧) 點(diǎn)擊這個(gè) git 官網(wǎng)
tortoisegit(小烏龜) (如果你知道git的命令娜搂，這個(gè)就不用安裝了) 點(diǎn)擊這個(gè) tortoisegit
vscode 我認(rèn)為非常好用的編輯器。當(dāng)然sublime吱抚，webstrom等你喜歡用哪個(gè)都行百宇。vscode 點(diǎn)擊這個(gè) Visual Studio Code
安裝
cnpm##
當(dāng)你安裝完node.js后會(huì)有npm命令，命令行輸入 npm -version 出現(xiàn)下面這個(gè)圖就說(shuō)明安裝成功
npm不適合平時(shí)使用秘豹，原因就是有堵墻携御，所以還是老老實(shí)實(shí)的裝個(gè)cnpm
點(diǎn)擊這個(gè) 淘寶 NPM 鏡像
將這句命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
copy過(guò)去，等待安裝
@angular/cli##
如果你之前安裝過(guò) @angular-cli 先卸載既绕，卸載命令 npm uninstall -g @angular-cli
沒(méi)有安裝過(guò)就忽略上面那句話啄刹，輸入命令 cnpm install -g @angular/cli 等待安裝
ps：因?yàn)槲乙呀?jīng)裝過(guò)了，所以圖就不貼了凄贩，步驟應(yīng)該不會(huì)錯(cuò)的誓军，有問(wèn)題你說(shuō)出來(lái)我在改。
項(xiàng)目搭建
打開(kāi)vscode疲扎，鍵盤(pán)輸入 Ctrl + `
一定要在當(dāng)前文件夾中哦昵时！比如我這在G盤(pán)Angular文件夾下
輸入命令 ng new my-app 出現(xiàn)如下圖
會(huì)自動(dòng)用npm下載所需要的文件捷雕，這是 Crtl + c 結(jié)束掉，然后 cd 到 my-app 文件夾中壹甥，輸入命令 cnpm install 等待完成
然后打開(kāi)剛才創(chuàng)建的 my-app 項(xiàng)目
輸入命令 ng serve 完成后救巷，在瀏覽器中輸入 http://localhost:4200 出現(xiàn)如下頁(yè)面就說(shuō)明成功了
