本地编译 gulp 项目

我就是我 2022-06-06 02:13 154阅读 0赞

#### 1、安装node ####

window下，下载node安装即可，以支持 npm 指令。 node下载地址：[http://nodejs.cn/download/][http_nodejs.cn_download] 安装比较简单，基本一直下一步即可，安装路径随意。  
安装完成后，终端输入如下命令 显示版本号即安装成功。  
node -v

查看 npm 版本：  
npm -v

查看 npm 所使用的库：

> npm config get registry

如果返回的结果是 `https://registry.npmjs.org/`，这是一个国外的库，很卡，有时候连接会不成功，请换成国内的库，命令如下：

> npm config set registry [https://registry.npm.taobao.org][https_registry.npm.taobao.org]

注意使用 `npm config get registry` 查看是否修改成功。

#### 2、全局安装gulp ####

> cnpm install gulp -g

检测gulp是否安装成功  
执行 `gulp -v` 显示版本号即安装成功

**全局安装gulp是为了执行gulp任务，本地安装gulp则是为了调用gulp插件的功能**

#### 3、编译项目 ####

使用 cd 命令进入需要编译项目的本地目录，在该项目的根目录下查看是否存在 package.json 配置文件和 gulpfile.js 文件。

注：package.json是基于nodejs项目必不可少的配置文件，而gulpfile.js是gulp的配置文件。

如果不存在，则该项目不可以使用 gulp 进行编译。

如果存在，cd 到该项目的根目录下，运行以下命令，就可以进行编译了。

> gulp  
> 相当于：  
> gulp default

如果需要运行该项目的其他 task，使用如下命令即可：

> gulp task名

#### 4、更新node ####

webStorm 对NodeJS的版本有一定的要求，若是版本过低时，webStrom编译或是配置应该会出错。比如启用NodeJS：  
![这里写图片描述][70]  
若是NodeJS的版本过低，这里是启用不成功的，这个时候需要对NodeJS的版本进行升级。

网上有很多方法对NodeJS升级的，但大多数是对于Linux系统的说明，对Win7系统的说明并不多。  
其实Win7对NodeJS升级，非常简单，并不需要使用任何命令来操作，直接在NodeJS官网上面下载你想使用的NodeJS的版本，可以是.zip包，也可以是.smi安装文件。

若是.zip包，者直接将其解压出来，并将解压后听所有文件全部放入之前旧版本NodeJS的路径下面就可以了，环境变量这个东西完全不用修改。

若是.smi安装文件，者直接点击安装，会自动覆盖旧的NodeJS版本，不用再做其他任何的操作。

所以你在升级NodeJS版本的时候，一定要注意是什么环境，不要使用错了方法。

[http_nodejs.cn_download]: http://nodejs.cn/download/
[https_registry.npm.taobao.org]: https://registry.npm.taobao.org
[70]: /images/20220606/0dcb718a5ab146bcb3a77c0518faa993.png

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关 gulp

gulp是基于node的自动化构建工具 gulp能干啥？1.压缩JS、css文件2.合并文件3.自动编译SASS4.自动压缩图片5.保存时自动刷新浏览器 npm

r囧r小猫/ 2023年08月17日 15:17/ 0 赞/ 182 阅读

相关 vscode本地编译

方法一: 在 js 后缀文件中写 javascript 代码. 注意文件位置，最好不要同时打开多个项目 1. 环境配置: (1). 需要安装 nodejs （ no

ゝ一世哀愁。/ 2023年03月04日 06:38/ 0 赞/ 24 阅读

相关使用gulp来构建项目

gulp是一个前端构建的工具，用来快速进行一些操作。比如开发一个项目的时候，设计师给你的照片一般都是一个高清的图，但是这些资源往往是很大的。那你要压缩图片的话是不是要找一

我就是我/ 2023年01月19日 07:06/ 0 赞/ 27 阅读

相关 LTP 本地编译安装

依赖性分析 > Requirements > > 1.In order to compile ltp you must have make 3.80+ (make

た入场券/ 2022年09月26日 00:19/ 0 赞/ 392 阅读

相关 gulp在项目中的使用

在之前的文章中，已经详细的讲述了怎么安装gulp，它的工作过程，然后现在来谈谈项目中的具体使用。入门教程 [http://blog.csdn.net/liuwenga

冷不防/ 2022年09月21日 13:26/ 0 赞/ 188 阅读

相关 gulp-前端项目自动化(工程化)

gulp对网站优化 gulp依赖插件能做什么？压缩html、js、css css、js文件名md5化压缩图片

古城微笑少年丶/ 2022年07月12日 05:48/ 0 赞/ 276 阅读

相关本地编译 gulp 项目

1、安装node window下，下载node安装即可，以支持 npm 指令。 node下载地址：[http://nodejs.cn/download/][http_no

我就是我/ 2022年06月06日 02:13/ 0 赞/ 155 阅读

相关 gulp

jasmine jasmine是一个行为驱动开发的测试框架，不依赖任何js框架以及dom，是一个非常干净的以及友好的API的测试库 describe函数来定义

喜欢ヅ旅行/ 2022年05月24日 12:44/ 0 赞/ 269 阅读

相关使用Gulp打包ionic1项目

关于Gulp Gulp是一个前端的自动化构建工具，做前端的同学应该都知道。比如之前的Grunt，以及现在流行的Webpack。但是作为一个从做原生（Native APP

Love The Way You Lie/ 2022年05月22日 04:49/ 0 赞/ 306 阅读

相关使用gulp构建一个项目

使用gulp构建一个项目（转载：[https://blog.csdn.net/zchcode/article/details/51556699][https_blog.

绝地灬酷狼/ 2021年09月30日 00:18/ 0 赞/ 571 阅读