windows10搭建gulp环境

1. gulp简介

gulp 将开发流程中让人痛苦或耗时的任务自动化，从而减少你所浪费的时间、创造更大价值。

 

2. NodeJS简介与安装

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

官网：https://nodejs.org/en/，中文参考文档链接：http://nodejs.cn/api/

从官网下载，我这边下载12.18.2 LTS的zip，直接解压缩。

1）解压后如下图：

2）新建两个目录

node-global :npm全局安装位置

node-cache：npm 缓存路径

如下图：

3）执行命令

npm set prefix "D:\Program Files (x86)\NodeJS\node-v12.18.2-win-x64\node_global"

npm set cache "D:\Program Files (x86)\NodeJS\node-v12.18.2-win-x64\node_cache"

执行npm命令进行测试：npm install webpack -g

 

会发现node-global下node_modules文件夹中多了webpack 文件夹，如下图所示：

webpack是用来打包的module，通常我们会在命令行中执行，而webpack同样在node-global文件夹中做了映射，所以只需要将node-global加入path环境变量即可。

4）配置环境变量

node_path环境变量：

将node.exe 所在的目录添加到path环境变量，这样我们在使用命令行时就可以在任意路径使用node命令了，

同时该目录下有一个npm.cmd文件，打开文件其实就是将我们的npm命令映射到node.exe npm-cli.js，由于存在该映射所以只要把node.exe 所在的目录添加到path环境变量，也可以在任何目录下执行npm install了。

node_global环境变量：

由于webpack在node-global文件夹中做了映射，所以也要将node-global加入path环境变量即可。

 

 

3. gulp全局安装

先在cmd面板中分别输入node -v、npm -v确认nodejs是否已经正确安装，若显示版本号代表正确安装nodejs;

npm config set registry="https://registry.npm.taobao.org"

npm config set disturl https://npm.taobao.org/dist

npm install gulp -g

安装完gulp后，gulp -v查看版本号。

安装过程中报的如下warning，看起来可以忽略：

npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\gulp\node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

后面实践过程中如果有遇到问题，再来看看是否跟这里的warning有关好了！暂且记录到这一步！

 

 

参考链接如下：

NodeJS两种安装类型(ZIP,MSI)配置环境变量：https://blog.youkuaiyun.com/u012060033/article/details/95590925