Mac 安装 Gulp

青青子衿
青青子衿
青青子衿
109
文章
7
评论
2017年7月4日15:21:00 评论

Mac 安装 Gulp

gulp 是一个 node.js 模块,也是前端自动化任务构建工具。

使用 gulp,可以做以下工作:文件拷贝、文件合并、文本替换、图片压缩、CSS压缩、js压缩等等,当然这些工作主要是依靠 gulp 的相应插件来完成的。

安装

官网

sudo npm install -g gulp

查看 Gulp 版本

gulp -v

Mac 安装 Gulp

使用 gulp 搭建 web 服务器

(1)初始化安装

npm install --save-dev gulp gulp-connect

完成后会把相应的 npm 模块(gulp、gulp-connect)安装在项目目录下。

(2)创建 gulpfile.js 配置文件

var gulp = require('gulp');
var connect = require('gulp-connect');

gulp.task('webserver', function () {
    connect.server();
});

gulp.task('default', ['webserver']);

(3)创建一个默认首页 index.html

<h1>hello gulp!</h1>

(4)启动Gulp Web服务器

在命令行中进入项目目录 gulp,然后执行 gulp 命令,如图:

Mac 安装 Gulp

(5)在浏览器中验证

http://localhost:8080

Mac 安装 Gulp

weinxin
我的微信
爱生活、爱学习的小伙伴可以通过扫一扫二维码添加我的个人微信一起交流!
青青子衿
  • 本文由 发表于 2017年7月4日15:21:00
  • 转载请务必保留本文链接:http://ishangsf.com/archives/573
MAC启用本地http服务 Mac相关

MAC启用本地http服务

我们都知道要在 windows 下使用 http 访问本机的网页,只需要把 IIS 启用即可,具体的配置一股脑全钩上,不会有什么大问题。但是自从花了大价钱买了 MAC 后,突然发现自己局部黯不会用电脑...
Mac 命令行删除包含文件的文件夹 Mac相关

Mac 命令行删除包含文件的文件夹

Mac终端下使用『rmdir』命令,无法删除包含文件的文件夹。 使用下列命令可以解决该问题: sudo rm -r -f 文件夹名 更狠的命令为(慎用!一不小心会把系统都删完了!此命令会递归删除文件及...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: