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 [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\gulp\node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

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

参考链接如下:

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

猜你喜欢

转载自blog.csdn.net/Fan0920/article/details/107366237