Angular2環境搭建

0一、安裝Node.js 和 npm

　　安裝完成後，在命令行依次使用node -v 和 npm -v能夠看到版本號。

　　目前安裝的node.js版本爲8.2.1  ，npm的版本爲5.3.0

0二、安裝cnpm

　　npm須要鏈接谷歌服務器，國內不能正常使用，所以使用淘寶的鏡像安裝cnpm。命令行輸入npm i -g cnpm --registry=https://registry.npm.taobao.org   

0三、安裝Angular CLI

　　命令行輸入cnpm i -g @angular/cli。

0四、cnpm設置爲默認包管理工具

　　命令行輸入ng set --global packageManager=cnpm。

0五、新建angular2工程

　　命令行輸入ng new myApp，在命令行所在目錄建立myApp工程。

0六、啓動工程

　　命令行進入工程目錄cd myApp，輸入ng serve  便可啓動服務。

　　默認的監聽端口爲4200，在瀏覽器訪問http://localhost:4200，可看到建立的網頁，

　　若是須要更改端口號，能夠在啓動的時候設置ng serve --port 3000  這時候訪問的時候就用瀏覽器訪問http://localhost:3000

注意：若是想結束工程服務，可使用ctrl+c    來選擇是否結束。

　　使用ng serve 啓動的好處是，當代碼發生變化時，系統自動從新編譯啓動，並刷新瀏覽器，這樣咱們就能夠實時的看到更改內容。

0七、angular2的代碼編輯官方推薦的是VS Code,本身能夠去官網下載，下載後正常安裝就行了。。

     　打開VS Code，菜單->文件->打開文件夾->選中myApp文件夾，便可打開編輯myApp工程。

0八、在VS Code界面找到index.html能夠隨意修改一個標籤內容，這個時候系統會自動編譯刷新，界面會實時顯示。

0九、環境搭建就到此爲止了，若有任何疑問，請聯繫QQ1006165310。通常晚上9：00後在線。