nodejs安装webpack详细步骤

安装nodejs

node.js官网(https://nodejs.org/en/)下载LTS稳定版本 一路傻瓜式安装即可,可以自定义安装到除c盘之外的其他盘。 安装成功,按下window +R输入 cmd之后 输入 node -v 出现版本号则表示安装成功。 接下来 配置nodejs的环境

配置nodejs

找到安装node.js的地址,里面会有node_cache和node_global两个文件。如果没有的话,创建这两个文件夹, 然后在cmd中执行 npm config set cache “D: odejs ode_cache”(此处替换成你本机中node_cache文件夹的地址),再执行npm config set prefix “D: odejs ode_global”(此处替换成你本机中node_global文件夹的地址)。 这时如果出现错误,则把cmd以管理员的方式打开之后,再进行运行上面的命令即可。 之后还会报错npm报错, Error: EPERM: operation not permitted, mkdir 这时需要设置一下文件夹的权限,将nodejs的安装目录 ,以及node_cache,node_global的权限修改一下,如下图所示 之后就可以通过npm -v命令来进行测试。

配置环境变量

进入电脑的高级系统设置的环境变量设置

在用户变量中添加node_global的路径,我的是“C:Program Files odejs ode_global”。 再在系统变量中新建一个NODE_PATH 并添加node_global的路径。 注意:网上有很多配置环境变量的方法,很多误导大家,这种方式亲测可行

安装Webpack

在cmd中输入 npm install webpack@5.46.0 -g npm install webpack-cli@4.9.0 -g npm install webpack-dev-server@4.7.0 -g

这三个看项目需要,前两个必须安装 之后在cmd窗口输入webpack -v 出现如下图所示即为安装成功

经验分享 程序员 微信小程序 职场和发展