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）经过前端自动化工具新建本身的项目；

 

   经过上述步骤，咱们就踏上了高大上的前端之路啦！