gulp安装

gulp,前端自动化构建工具

gulp的强大在可以大大的减少前端开发人员的重复性工作,格式化了工作的流程。那如何才能使用gulp呢?

gulp的安装方法

gulp依赖于nodejs,因此,在使用gulp之前需要先安装nodejs。
点此进入NodeJS官方网站
点此下载NodeJS稳定版本
下载完成后,即可打开安装。

1.全局安装gulp

npm install -g gulp        //全局安装gulp之后就可以在命令行使用gulp命令了

2.初始化项目gulpTest并创建gulpfile.js

/*
  项目目录创建完成后,使用命令npm init初始化项目目录
  初始化完成后
  项目创建完成后,在项目内创建文件"gulpfile.js",在目录任何地方创建都是可以的,建议在根目录创建
  文件基本内容如下:
*/
var gulp = require("gulp");          //引用gulp组件
gulp.task("default",function(){
  //执行任务
  console.log("default task执行完毕");
})

3.测试流程

/*
  命令行执行gulp或gulp default执行对应的default任务即可。
*/
default task执行完毕
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,830评论 1 32
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 8,381评论 7 55
  • 1. sudo npm install -g gulp //以管理员身份全局安装gulp (执行命令行之前确保本地...
    overflow_hidden阅读 4,786评论 0 1
  • ,目前我使用gulp的目的:css压缩,js压缩合并 1.nodejs安装: 在终端输入node -v回车打印出n...
    古时候阅读 3,262评论 0 0
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    井皮皮阅读 5,075评论 0 10