gulp篇:速度上手,执行我们第一个任务

在前端开发过程中有很多事情是我们”手工”很难活很麻烦才能搞定的,因此需要借助一些第三方优秀工具。
1.比如JS文件的“编译”(这里还包含了不同语法的兼容)
2.JS和CSS的合并
3.文件的压缩
4.即时运行和监听

gulp
这个工具是目前前端开发最火爆的工具之一

知识点:
npm install -g
如果不加-g则会安装到当前项目目录下。
加上-g就会安装到全局目录理
我们可以通过npm config get prefix 来查看全局目录是什么
也可以通过npm config set prex "目录路径"来自行设置

一般来说,工具型模块且我们需要在任意目录都使用的工具,建议全局安装。

package.json(这是npm或nodeJS都需要用到的配置文件)
给我们的项目生成这个配置文件,cd到项目根目录执行:npm init
一路回车下去。
这里写图片描述

安装gulp
1.

sudo npm install -g gulp

执行 gulp -v 显示版本:
这里写图片描述

2.npm install gulp --save-dev(在当前项目也要装一次,因为等会我们要require(‘gulp’))
–save-dev 是你开发时候依赖的库,–save是你发布之后还依赖的库
这里写图片描述

gulp配置文件
要正确运行需要首先建立一个配置文件
在当前项目的根目录下创建gulpfile.js
(注意这个所谓的配置文件是可以写代码的)

var gp = require('gulp');
gp.task("taskName",function(){
    console.log('i am gulp');
})

学习gulp第一个方法
gp.task(“任务名”,function(){
// 这里执行一些事
})

然后在终端执行 gulp 任务名,它会自动读取你的配置文件,执行你的任务
这里写图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值