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