阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    Gulp 安装

    Gulp安装前的环境检测

    检查 node、npm 是否正确安装

    node --version
    
    npm --version
    

    https://a.axihe.com/npm/gulp/mintty_rYsFk1SGqM.png

    准备一个空项目

    创建项目目录

    mkdir my-project
    
    cd my-project
    

    生成 package.json 文件

    在项目目录下创建 package.json 文件

    npm init -y
    

    https://a.axihe.com/npm/gulp/mintty_YtDabkF507.png

    上述命令将为你生成默认的项目名、版本、描述信息等,如果不喜欢,可以自己再修改。

    第一:全局安装 gulp-cli 命令行工具

    注:如果网速不给力,可以改为国内的npm源来安装,推荐查看本站的 nrm 教程,通过nrm来安装npm的一些包。

    npm install --global gulp-cli
    

    https://a.axihe.com/npm/gulp/mintty_s8CZON8GOl.png

    如果你以前将 gulp 安装到全局环境中了,请删除全局的gulp再继续以下操作。

    npm rm --global gulp
    

    https://a.axihe.com/npm/gulp/mintty_612SoiOSkY.png

    第二:项目本地安装 gulp

    这里开始安装 gulp,上面都是都是项目的初始化;gulp 用来做的都是开发环境的,所以一定要使用--save-dev, 如果你对这个不了解,可以参考本站的 npm package.json 的用法: https://www.axihe.com/edu/npm/package.html

    npm install --save-dev gulp
    

    https://a.axihe.com/npm/gulp/mintty_apHeirOmW3.png

    检查 gulp 是否安装成功

    gulp --version
    

    确保输出与下面的屏幕截图匹配,否则你可能需要执行本指南中的上述步骤。

    https://a.axihe.com/npm/gulp/mintty_D1slFREj4o.png

    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录