Angular4環境安裝

請先看這裏，請先看這裏，請先看這裏

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

若是你想學習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 出現以下頁面就說明成功了

補充：

1. 建立帶路由的項目

   ng new xxx --routing

2. 使用scss開發

   ng new xxx --style=scss

3. 安裝插件

   npm install xxx --save

   npm install @types/xxx --save-dev