請先看這里，請先看這里，請先看這里

本篇文章只是筆記，僅供參考。

如果你想學習angular4請點擊一下鏈接：大漠的收費Angular課程

如果你想自學請點擊這個鏈接：Angular優質學習資源收集

在開始前，有必要重復下我的水平：

大漠窮秋老師把前端分為：石器時代，鐵器時代，工業時代（記錯了的話見諒）。我處在野人時代......

so 有啥毛病那是肯定的，指出來就好。

準備工作

• nodejs (這個是必須要裝的，個人建議你下載穩定版6.11.2) 點擊這個 node.js 官網

• git (這個隨你的意，如果你玩github，那就不用我解釋了吧) 點擊這個 git 官網

• tortoisegit(小烏龜) (如果你知道git的命令，這個就不用安裝了) 點擊這個 tortoisegit

• vscode 我認為非常好用的編輯器。當然sublime，webstrom等你喜歡用哪個都行。vscode 點擊這個 Visual Studio Code

安裝

cnpm##

當你安裝完node.js后會有npm命令，命令行輸入 npm -version 出現下面這個圖就說明安裝成功

這里寫圖片描述

npm不適合平時使用，原因就是有堵墻，所以還是老老實實的裝個cnpm
點擊這個 淘寶 NPM 鏡像

將這句命令

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

copy過去，等待安裝

@angular/cli##

如果你之前安裝過 @angular-cli 先卸載，卸載命令 npm uninstall -g @angular-cli

沒有安裝過就忽略上面那句話，輸入命令 cnpm install -g @angular/cli 等待安裝

ps：因為我已經裝過了，所以圖就不貼了，步驟應該不會錯的，有問題你說出來我在改。

項目搭建

打開vscode，鍵盤輸入 Ctrl + `

這里寫圖片描述

一定要在當前文件夾中哦！比如我這在G盤Angular文件夾下

輸入命令 ng new my-app 出現如下圖

這里寫圖片描述

會自動用npm下載所需要的文件，這是 Crtl + c 結束掉，然后 cd 到 my-app 文件夾中，輸入命令 cnpm install 等待完成

這里寫圖片描述

然后打開剛才創建的 my-app 項目

這里寫圖片描述

輸入命令 ng serve 完成后，在瀏覽器中輸入 http://localhost:4200 出現如下頁面就說明成功了

這里寫圖片描述