本文将带你完成在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 <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>。
相关主题 |