linux gulp 安装教程,在CentOS 7/Fedora 29系统上安装Gulp.js的步骤

本文将带你完成在CentOS 7/Fedora 29/Fedora 28系统上安装Gulp.js的步骤。

Gulp简介

Gulp是一个工具包，可帮助你在开发工作流程中自动执行耗时的任务，Gulp集成了所有主要IDE，可以与PHP，.NET，Node.js，Java e.t.c一起使用。

第1步、安装Node.js

Gulp要求在主机系统上安装Node，在继续执行步骤2之前，请确保Node.js已经安装在操作系统上了，请参考在RHEL 8系统中安装Node.js 10的方法。

1、在CentOS 7上安装Node.js：

curl -sL https://rpm.nodesource.com/setup_8.x | sudo -E bash -

sudo yum install -y nodejs

sudo yum install gcc-c++ make

2、在Fedora 29/Fedora 28上安装Node.js：

对于Fedora 29/Fedora 28系统，请运行以下命令安装Node.js，安装V8 Javascript引擎：

sudo dnf install nodejs

3、要安装V11 Javascript引擎，请使用：

curl -sL https://rpm.nodesource.com/setup_11.x | sudo -E bash -

sudo dnf install -y nodejs

sudo yum install gcc-c++ make

4、检查版本的命令：

# node --version

v11.1.0

$ npx --version

6.4.1

第2步、在CentOS 7/Fedora 29/Fedora 28上安装Gulp.js

1、安装Node.js后，继续在CentOS 7/Fedora 29/Fedora 28系统上安装Gulp.js，运行以下命令：

sudo npm install --global gulp-cli

2、这将使gulp在系统上全局可用，请运行以下命令验证gulp版本：

$ gulp --version

[13:12:23] CLI version 2.0.1

第3步、在dev Dependencies中安装gulp软件包

要在dev Dependencies中安装gulp软件包，请执行以下操作。

1、创建一个Project目录：

$ npx mkdirp project1

npx: installed 2 in 1.355s

2、导航到Project目录并创建package.json文件：

$ cd project1

$ npm init

3、这将指导你为项目提供名称、版本、描述等，示例输出如下：

This utility will walk you through creating a package.json file.

It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields

and exactly what they do.

Use `npm install ` afterwards to install a package and

save it as a dependency in the package.json file.

Press ^C at any time to quit.

package name: (project1)

version: (1.0.0)

description: My first Project

entry point: (index.js)

test command:

git repository:

keywords:

author:

license: (ISC)

About to write to /home/jmutai/project1/package.json:

{

"name": "project1",

"version": "1.0.0",

"description": "My first Project",

"main": "index.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1"

},

"author": "",

"license": "ISC"

}

4、在devDependencies中安装gulp软件包：

npm install --save-dev gulp@next

5、运行以下命令检查gulp版本：

$ gulp --version

[13:22:52] CLI version 2.0.1

[13:22:52] Local version 4.0.0

第4步、创建gulp文件

1、在项目根目录中创建名为gulpfile.js的文件：

vim gulpfile.js

2、请在文件中增加以下内容：

function defaultTask(cb) {

// place code for your default task here

cb();

}

exports.default = defaultTask

3、通过在项目目录中运行gulp命令进行测试：

$ gulp

[13:25:17] Using gulpfile ~/project1/gulpfile.js

[13:25:17] Starting 'default'...

[13:25:17] Finished 'default' after 5.51 ms

4、要运行多个任务，可以使用gulp 。

相关主题