大多時候，我們要學習一個新東西，不是不肯去學，而是不知道該如何開始。比如學angular，我要怎么開始學？怎么應用到自己項目中？這篇文章就是我根據自己邊學習邊應用，構建一個項目的切身體會，來講下怎么開始一個angular項目，希望能幫到大家。
首先，作為一個程序員，我們需要git，Github上那么多資源，有了git，我們可以更方便地下載各位大神的開源代碼。
其次，作為一個前端程序員，node這么火，我們難道不應該跟緊腳本，馬上下載一個nodejs嗎？
既然前提軟件已備好，gulp及angular是什么我就不講了，只講怎么用。
1、全局安裝gulp及bower
打開windows控制台，快捷鍵win+R運行cmd
確定后 運行npm install gulp -g
安裝完成后，運行 gulp -v 來確認是否安裝完成。
同理安裝bower。
2、規划文件目錄結構
文件目錄的規划很重要，我這里規划如下：
app：生產環境代碼目錄，partials下放路由的頁面，temp下放指令引用的模板文件；
src：源代碼目錄；
vendor：第三方插件目錄；
index.html：入口html文件。
js目錄根據模塊划分，而不是根據controller/filter/service來划分，這樣會非常清晰，什么功能模塊的代碼在哪里。common為公用模塊，所有模塊都可復用的東西。
建議文件目錄的規划根據實際情況來。
3、使用gulp
打開windows控制台，cd到這個文件夾的src目錄下
win10可以如上圖，在src下按住shift鍵，鼠標在空白處右擊，選中在此處打開命令窗口。
win7可以敲命令
然后運行npm init
接下來的選項可以按Enter鍵，都默認。完成后可以看到src目錄下多了個package.json文件。
接下來在src目錄下手動新建一個gulpfile.js文件，注意名字不能錯。
接下來需要在src目錄下，運行 npm install gulp --save-dev。這命令的意思是將gulp作為開發環境的依賴項安裝在此項目中。
由於我們需要很多gulp工具，比如拼接js的工具，壓縮代碼的工具，代理服務的工具等等。此處我們只寫個小小的例子，只需要拼接js文件的工具“gulp-concat”，以及代理服務工具“gulp-webserver”等，到時發現工具少了再安裝，哈哈哈。
運行 npm install gulp-concat gulp-webserver --save-dev 。安裝完成后，可以在src/package.json文件下看到變化。
接下來，我們用gulp執行一個小任務。在gulpfile.js文件中編寫如下代碼：
然后在命令窗口運行gulp
會發現默認瀏覽器被打開，展示的就是index.html，這就是gulp-webserver啟動了本地服務。gulp的工具怎么用，可以去npm官網查詢。
4、使用bower
在src目錄下運行bower init
按enter鍵默認選項。完成后，可以看到src下有一個bower.json文件。
接下來使用bower 安裝 angular。執行 bower install angular --save
安裝成功后，可以在src/bower_components目錄下看到angular插件。
今天先做到這里，接下來的東西就是怎么用angular寫代碼，以及gulp具體怎么處理代碼。