mac下搭建前端自动化工程
好多年没有接触前端,发现前端行业发生了巨大的变化,很多新鲜术语,比如node、git、grunt、less、sass、预编译、自动化、模块化等等,看得让人晕头转向,不要担心,我会把这之前之后学习成果都记录下来,方便想要入门的同学交流学习!本人水平有限,错误在所难免,希望各位看客指正。
如题,接下就是6个准备步骤,走完这6个步骤,你会不会手痒呢。。。反正我很兴奋,前端工程化了!
1、安装ruby
为什么要安装Ruby:mac的包管理工具homebrew、前端自动化工具yeoman依赖与ruby;
怎么安装:mac系统一般自带,如果没有ruby,具体操作详见——https://www.geek-share.com/detail/2626947080.html;
2、安装git
为什么安装git:方便本地与远程服务器之间的交互;
怎么配置git:详见——https://www.geek-share.com/detail/2558441361.html;
关键是ssh-key的配置,建立本地与远程之间的联系,详见——https://www.geek-share.com/detail/2573829080.html
3、配置nodejs
直接去官网——https://nodejs.org/en/ 下载一个安装就可以了,自带安装npm;
4、配置前端自动化工具yeoman、bower、grunt
具体配置详见—— http://www.tuicool.com/articles/3EnMnq
5、配置本地服务
配置本地服务器,详细配置见——https://github.com/enson/enson.github.com/issues/1
主要是配置:/etc/apache2/httpd.conf、extra/httpd-vhosts.conf (指定本地站点位置)、hosts(指定本地可访问的域名)这三个文件;
6、开始项目实践
1)项目一般托管在coding或是github上,先登录;选择要clone的项目,通过ssh-key复制项目的地址;
打开terminal,输入git clone “xxx地址”,把线上项目下载到本地,路径要与先前设置好的本地服务器站点位置相一致;
2)通过前端自动化工具新建自己的项目;
通过上述步骤,我们就踏上了高大上的前端之路啦!
- 基于Gulp的前端自动化工程搭建
- grunt搭建自动化前端环境(MAC下简单完整流程)
- 前端自动化工程构建node,npm,bower,gulp
- 用grunt搭建自动化的web前端开发环境-完整教程
- 使用Grunt搭建自动化的web前端开发环境-完整教程
- webpack前端自动化框架搭建(一)
- 提供一遍好文章(【前端福利】用grunt搭建自动化的web前端开发环境-完整教程)
- 基于 webpack 搭建前端工程基础篇
- cocos2dx 3.x版本搭建Mac环境工程(创建一个新的工程)百分百可行
- MAC下搭建appium UI自动化环境详细步骤
- MAC下搭建appium UI自动化环境
- 用grunt搭建自动化的web前端开发环境-完整教程
- 前端必看 grunt搭建自动化的web前端开发环境
- 用grunt搭建自动化的web前端开发环境实战教程(详细步骤)
- 使用grunt搭建自动化的web前端开发环境
- 前端自动化开发,架构搭建(第一篇)Node.js环境搭建
- mac+Appium+java+IOS 自动化测试环境搭建
- 基于webpack搭建前端工程解决方案探索
- 基于webpack搭建前端工程解决方案探索
- 【前端福利】用grunt搭建自动化的web前端开发环境-完整教程