码迷,mamicode.com
首页 > 其他好文 > 详细

gulp系列之快速入门篇

时间:2020-02-12 16:41:03      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:包含   https   测试   nbsp   默认   步骤   启动   程序   版本   

快速开始

如果您以前已经全局安装了gulp,npm rm --global gulp 请先按照以下说明运行有关更多信息,请阅读此Sip

检查节点,npm和npx

node --version

技术图片

npm --version

技术图片

npx --version

技术图片

如果尚未安装,请按照此处的说明进行操作

安装gulp命令行实用程序

npm install --global gulp-cli

创建一个项目目录并浏览

npx mkdirp my-project
cd my-project

在您的项目目录中创建package.json文件

npm init

这将指导您为项目命名,版本,说明等。

在您的devDependencies中安装gulp软件包

npm install --save-dev gulp

验证您的gulp版本

gulp --version

确保输出与下面的屏幕截图匹配,否则您可能需要重新启动本指南中的步骤。

技术图片

创建一个gulpfile

使用文本编辑器,在项目根目录中创建一个名为gulpfile.js的文件,其中包含以下内容:

function defaultTask(cb) {
  // place code for your default task here
  cb();
}

exports.default = defaultTask

测试一下

在项目目录中运行gulp命令:

gulp

要运行多个任务,可以使用gulp <task> <othertask>

结果

默认任务将运行并且不执行任何操作。技术图片

gulp系列之快速入门篇

标签:包含   https   测试   nbsp   默认   步骤   启动   程序   版本   

原文地址:https://www.cnblogs.com/tinys-top/p/12299281.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!