阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      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的教程都有!

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

      目录
      目录