webpack安装

Node.js下载地址 点击跳转

1,下载安装node.js

webpack安装_第1张图片
在这里插入图片描述

推荐百度云离线下载,chrome和迅雷我这边都很慢
安装不推荐安在C盘,换下路径,我是把字母C直接换成D,路径就是D:\Program Files\nodejs
安装到这一步鼠标点一下 Add to PATH,再Next

webpack安装_第2张图片
在这里插入图片描述

webpack安装_第3张图片
在这里插入图片描述

验证:

cmd中输入node -v 和 npm -v
出现安装版本,证明安装成功
( Node.js自带软件包管理工具 npm Node Package Manager)

webpack安装_第4张图片
在这里插入图片描述

之前卸载过node.js,重装时输入npm -v可能有问题,点击这里查看解决方案npm -v 报错:Error: EPERM: operation not permitted

2,环境配置

找到node.js安装目录,新建两个文件夹 node_cachenode_global,这样是为了避免以后将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间

webpack安装_第5张图片
在这里插入图片描述

cmd中键入命令

npm config set prefix "D:\Program Files\nodejs\node_globall"
npm config set cache "D:\Program Files\nodejs\node_cache"

webpack安装_第6张图片
在这里插入图片描述

下面配置环境变量


webpack安装_第7张图片
在这里插入图片描述

分别新建用户变量PATH和系统变量NODE_PATH

PATH:
image.png

NODE_PATH:
webpack安装_第8张图片
image.png

全局安装

安装webpack:npm install webpack -g
安装cli:npm install webpack-cli -g
全局安装会将项目中的 webpack 锁定到指定版本,并且在使用不同的 webpack 版本的项目中,可能会导致构建失败


轉自:https://blog.csdn.net/qwe122343/article/details/104403353/
https://www.cnblogs.com/yujiao-99/p/12672856.html

你可能感兴趣的:(webpack安装)