mac下搭建前端自动化工程

好多年没有接触前端,发现前端行业发生了巨大的变化,很多新鲜术语,比如node、git、grunt、less、sass、预编译、自动化、模块化等等,看得让人晕头转向,不要担心,我会把这之前之后学习成果都记录下来,方便想要入门的同学交流学习!本人水平有限,错误在所难免,希望各位看客指正。

如题,接下就是6个准备步骤,走完这6个步骤,你会不会手痒呢。。。反正我很兴奋,前端工程化了!

1、安装ruby

为什么要安装Ruby:mac的包管理工具homebrew、前端自动化工具yeoman依赖与ruby;

怎么安装:mac系统一般自带,如果没有ruby,具体操作详见——http://www.cnblogs.com/daguo/p/4097263.html;

2、安装git

为什么安装git:方便本地与远程服务器之间的交互;

怎么配置git:详见——http://www.cnblogs.com/ccdev/archive/2012/09/12/2682098.html;

关键是ssh-key的配置,建立本地与远程之间的联系,详见——http://blog.csdn.net/tsangyang/article/details/8654408

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)通过前端自动化工具新建自己的项目;

通过上述步骤,我们就踏上了高大上的前端之路啦!

时间: 2024-10-12 19:39:30

mac下搭建前端自动化工程的相关文章

Mac下搭建php开发环境[翻译]

原英文链接:http://www.codeweblog.com/mac-os-x-to-configure-apache-php-mysql/ Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例.主要内容包括: 启动Apache 运行PHP 安装MySQL 使用phpMyAdmin 配置PHP的MCrypt扩展库 设置虚拟主机 启动Apache 有两种方法: 打开"系统设置偏好(System Preferences)" -&

MAC下搭建PHP/LNMP环境

MAC下搭建PHP/LNMP环境 由于Mac自带的PHP不支持PHP扩展.Mac自带apache不能优雅的install/remove.Mac自带的PHP版本比较陈旧.首先要做的就是升级PHP版本 工欲善其事必先利其器,安装Homebrew what?homebrew是OS X 不可或缺的套件管理器,类似于ubuntu下apt-get,Red hat的yum.传送门 : Homebrew安装简单 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubu

在mac下搭建Apache服务器

Apache作为最流行的Web服务器端软件之一,它的优点与地位不言而喻.下面介绍下在mac下搭建Apache服务器的步骤: (1)"前往" –>"个人"" (2)在你的个人目录下新建一个文件夹,改名为"Sites"(改完后可见到文件夹中有个指南针的图标).注意要放在个人用户的文件夹下,因为它和桌面.文稿等文件夹一样是你私人的文件夹,这个文件夹用来专门给外部网络访问的. (3)打开终端,切换到apache2的目录,再输入ls可以看到

在mac下搭建java开发环境

刚刚从windows系统转到使用mac系统,感觉不是特别熟悉,需要一定的适应时间.下面简单介绍一下mac下搭建基本的java开发环境. 1.安装jdk 安装jdk1.7后,发现不需要进行环境变量配置,直接在terminal中就能使用java和javac命令了.jdk所在目录为: /Library/Java/JavaVirtualMachines 2.安装maven 解压maven包,然后配置maven环境变量 配置变了过程如下: 1.使用touch命令在-目录(用户目录)下创建.bash_pro

Mac下搭建hexo3.0博客

Mac下搭建hexo3.0博客(文章同步自个人博客网站以及Github博客https://xingstarx.github.io/) window环境下搭建hexo博客 具体内容可以参考这一篇文章如何搭建一个独立博客--简明Github Pages与Hexo教程本人博客搭建过程也是参考了上面的部分内容. 安装Node.js和git 安装Node.js 到Node.js网站上下载后缀为pkg的文件,点击安装. 在终端下输入 node -v npm -v 若无错,则显示版本号 本人的信息如下: he

Mac下搭建svn服务器和XCode配置svn

http://www.cnblogs.com/iihe602/p/3277735.html Mac下搭建svn服务器和XCode配置svn 分类: iOS2013-01-14 14:36 5781人阅读 评论(0) 收藏 举报 先打开命令行终端. 1.创建svn repository svnadmin create /yourpath/svnroot/repository 2.配置svn用户权限. / yourpath /svnroot/repository/conf/目录下存在3个文件: au

MAC下搭建及使用XAMPP的详细教程

Windows和Linux都可以搭建本地伺服器(LAMP和IIS),Mac當然也可以,下面教你怎麼使用XAMPP在Mac下搭建一個功能齊全的本地伺服器 所需條件 1.Mac系統(廢話) 2.最好有可用的網絡(當然你在沒網絡時也能使用) 3.沒咯 一.安裝XAMPP 1.下載安裝文件,官網地址:「www.apachefriends.org」 2.直接打開下載文件,並且把左邊的文件夾拖到「應用程式」文件夾 3.從「Launchpad」打開「XAMPP Control」這個程序,然後把「Apache」

mac 下搭建 Android 开发环境

因工作需要,要在mac 下搭建 Android 开发环境.谷歌.度娘了好久,没有找个一个完整又系统的方法,很是苦恼.最终,皇天不负有心人,找到了下面这篇文档,特此记录.也为有这方面需求的朋友提供个方便. 首先我们需要知道开发安卓的环境由以下几个组件组成:Java虚拟机JDK.Eclipse.Eclipse插件ADT(Android Developer Tool)和Android开发包SDK.下面就和大家一起学习如何来快速的,适合新手的搭建方式吧! 方法/步骤 因为系统自带jdk,所以就不用在下载

MAC下搭建appium UI自动化环境

参考资料:http://qa.blog.163.com/blog/static/190147002201510161119832/ 一.系统要求: Mac OS X 10.7 或者更高,推荐最新系统 XCode >= 4.6.3,推荐最新系统 Apple Developer Tools (iPhone simulator SDK, command line tools) 二.下载Xcode: 在APPStore自行下载变可 ***在安装XCode7的时候,一定要注意当前OS X的版本是否>=1