AngularJS-環境搭建與項目開發

在學習以前，你可能須要先粗略瞭解幾個東西！

　　1.nodejs

　　2.npm 包管理

        3.paython 這個要不要裝也不是很肯定，可是裝比較好，有時候控制檯輸出錯誤信息時候有提到。

　　如下的東西就當你是知道了這些概念了

     1.首先，到nodejs 官網下載nodejs並安裝

　　

 

　　2.添加淘寶的npm鏡像（因爲國內訪問國外網站的速度實在是太慢了），因爲咱們只有要用到的一些東西，咱們採用如下的添加鏡像方法

　　（windows 用戶使用cmd，輸入如下命令，新手請去看看npm使用教程吧）

　　　　npm config set registry https://registry.npm.taobao.org 

　　這個鏡像就是保存別人以前建立好的JS插件，即依賴，本地能夠經過 npm install 命令加載這些依賴，-g 是將依賴安裝在全局環境，對於有網絡控制的公司，一般都會將這個庫鏡像到內網地址，這時候一樣用上面的命令切換，改一下鏡像地址就能夠了。
　　
　　值得說明一下的是不要直接使用淘寶的npm官方鏡像安裝模式，這樣咱們只能使用cnpm命令，而Angular-cli建立新項目的時候是直接使用的npm，
會致使訪問速度奇慢，直接使用上面的這個命令就好了

  3.使用npm 安裝Angular-cli

　　Angular-cli是angular團隊針對Angular2提供的腳手架，用於環境搭建，運行等；
　　在命令行中輸入 

　　npm install -g angular-cli 
　　
　　使用淘寶庫時：cnpm install -g angular-cli 
　　
　　在 Mac 或 Linux 平臺上，你可能須要添加  sudo 前綴提權進行全局安裝： 
    
    sudo npm install -g angular-cli

　　以後咱們就能夠在全局使用ng命令搭建Angular項目了
　　
　　安裝完成以後用下面的命令測試：
　　ng -v 查看，若是這個命令不能用則多是環境變量沒有配置好，須要配置path。
　　
　　若是成功那麼必須先重啓再進行，下面的步驟（這個很重要，若是不重啓有不少文件夾權限問題，這跟系統有關，win7比較噁心，曾浪費我半天時間找問題）。

　4.使用Angular-cli搭建開發環境

　　首先到你的工做目錄下創建Angular工程目錄
　　而後而後用命令行進入該目錄，輸入
　　ng new projectName
　　
　　
    （若是ng命令不能用，多是沒有配置環境變量，須要在path變量中增長  C:\Program Files\nodejs\node_global 這個路徑，而後重啓就能夠了）
    
　　而後腳手架會幫咱們搭建初始環境，因爲初始化的時候Angualr-cli會去初始化node-modules依賴，因此會比較慢；若是沒有切換淘寶鏡像，那不是通常的慢。
    

　　5.　　運行Angular

　　這個時候整個Angular2已經搭建好了，命令行進入進入剛纔的工程目錄，輸入

　　ng serve

　　Angular-cli會編譯整個項目，只有打開localhost:4200 （能夠切換其餘端口，具體參考Angular-cli的使用）就能夠看到效果了

　　 結束語：Angular2可使用javascript,typescript,dart來編寫;我的推薦使用typescript來編寫。TypeScript最近也發佈了2.1版本，咱們可使用可愛的Async/await來編寫咱們的項目了。Angular2有專門的中文官方網站Angular.cn,上面有對全部的概念的詳細的解釋，而且有一個完整小項目的教程，頗有幫助；還有，我推薦你們使用我寫的模式來搭建本身的Angular項目，一方面Angualr-cli是官方出的腳手架（雖然仍是beta版），另外一方面，你若是本身獨立去使用Webpack或者SystemJs又增長了學習難度，項目出錯你都不知道是代碼錯了仍是打包的問題！

　　代碼編輯器推薦兩個：vs code和sublime;

　　有些人學習前端不知道該學哪一個框架，就我而言，目前值得學習和廣爲大衆接受的是Vue.js,angular,reactjs;我受不了React語法，pass;vue有着簡單的結構，容易上手且速度很快，可是Angular更像是一個工業級別的產品，工程化程度更高，並且有着web app 開發神器IONIC，是一個很是不錯的選擇!

以上是從頭開始搭建環境，若是你手上已經有了一個構建好的項目，那麼你能夠切換到項目目錄，而後使用：npm install 命令安裝依賴，而後用：npm start 一樣能夠啓動命令。

基本環境已經搭好，要想熟練使用須要對npm、ng命令有必定了解；這將在其餘主題裏再講。