云网牛站
所在位置:首页 > Linux教程 > 在CentOS 7/Fedora 29系统上安装Gulp.js的步骤

在CentOS 7/Fedora 29系统上安装Gulp.js的步骤

2018-12-25 15:47:32作者:浦光显稿源:云网牛站

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

 

Gulp简介

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

在CentOS 7/Fedora 29系统上安装Gulp.js的步骤

 

第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 <pkg>` 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 <task> <othertask>。

 

相关主题

在deepin系统中安装node和npm

精选文章
热门文章