angular學習第一篇-----環境搭建

寫在前面

最近從慕課網買了一個視頻教程學習angular,最新的angular4.0沒有與老版本的有太多依賴關係，所以對於我這個沒有太多angular基礎的人來講，門檻也就沒那麼大了。由於是第一次學習angular,發如今一邊學一邊忘，雖然大體的東西記得，但一動手，就發現這個命令也記不得，那個操做步驟也記不清，所以仍是決定一邊學習，一邊記錄。這是我第一次寫文章，也不知道能不能堅持下去，暫且試試看吧！還有就是這裏的內容大部分是來自慕課網的，我也不知道這樣是否會侵權，如若侵權還望提醒！

好吧，如今開始學習吧！

1、環境的搭建

注：我這裏的環境是在windows下的。
一、安裝node.js
node.js只是須要它的npm命令，並不須要知道node.js的具體知識，這個只須要到官方網下載便可，https://nodejs.org/en/。 安裝完成後，打開cmd 輸入npm -v 查看是否安裝成功。
二、安裝angular-cli
在安裝好了node.js後，輸入命令 npm install -g @angular/cli (若是是mac或是linux須要在npm前加一個sudo) ，而後輸入 ng -v 查看是否安裝成功。
三、安裝webstorm
這個直接到官網下載，而後一步步安裝便可。（你也能夠用其它的編輯工具） 到這全部的工具就安裝完成了。

2、建立項目

一、在命令行輸入 ng new auction (aucion是項目的名稱）這裏默認建立的項目路徑在Administrator下 若是要想指定路徑，先切換到對應目錄下，而後執行執行命令。完成後，你就能夠在對應目錄下找到你建立的項目。這裏面的目錄結構不要輕易的去改變位置或是重命名，不然頗有可能致使不少命令不能執行。
二、目錄結構
這裏簡單講解一個這裏的目錄結構
e2e這是一個作測試用的，咱們在開發的時候通常不用去管
node_modules 這裏放的是一些模塊，包括一些第三方的插件庫都是放在這裏。
src 個人項目的文件就是放在這裏的
.angular-cli.json是這個angular工具的配置文件，這裏在引入第三方插件的時候須要在這裏配置
pagepack.json這就是一個npm配置文件，這裏記錄一些第三方包，和一些必要的文件
之後還有什麼要介紹的再說吧。

好了，安裝和文件的簡單介紹就到這裏了。若是有什麼不對的地方還望指正！