mac下搭建前端自動化工程

好多年沒有接觸前端，發現前端行業發生了巨大的變化，不少新鮮術語，好比node、git、grunt、less、sass、預編譯、自動化、模塊化等等，看得讓人暈頭轉向，不要擔憂，我會把這以前以後學習成果都記錄下來，方便想要入門的同窗交流學習！本人水平有限，錯誤在所不免，但願各位看客指正。

如題，接下就是6個準備步驟，走完這6個步驟，你會不會手癢呢。。。反正我很興奮，前端工程化了！

一、安裝ruby

    爲何要安裝Ruby：mac的包管理工具homebrew、前端自動化工具yeoman依賴與ruby；

    怎麼安裝：mac系統通常自帶，若是沒有ruby，具體操做詳見——http://www.cnblogs.com/daguo/p/4097263.html；

二、安裝git

    爲何安裝git：方便本地與遠程服務器之間的交互；

    怎麼配置git：詳見——http://www.cnblogs.com/ccdev/archive/2012/09/12/2682098.html；

    關鍵是ssh-key的配置，創建本地與遠程之間的聯繫，詳見——http://blog.csdn.net/tsangyang/article/details/8654408

三、配置nodejs

    直接去官網——https://nodejs.org/en/  下載一個安裝就能夠了，自帶安裝npm;

四、配置前端自動化工具yeoman、bower、grunt

    具體配置詳見—— http://www.tuicool.com/articles/3EnMnq

五、配置本地服務

    配置本地服務器，詳細配置見——https://github.com/enson/enson.github.com/issues/1

    主要是配置：/etc/apache2/httpd.conf、extra/httpd-vhosts.conf （指定本地站點位置）、hosts（指定本地可訪問的域名）這三個文件；

六、開始項目實踐

    1）項目通常託管在coding或是github上，先登陸；選擇要clone的項目，經過ssh-key複製項目的地址；

        打開terminal，輸入git clone 「xxx地址」，把線上項目下載到本地，路徑要與先前設置好的本地服務器站點位置相一致；

    2）經過前端自動化工具新建本身的項目；

 

   經過上述步驟，咱們就踏上了高大上的前端之路啦！