第一步——安装Node.js

首先要安装Node.js,Node.js自带了软件包管理工具npm,可以使用npm安装各种插件。Node.js的下载地址

可以自定义安装到指定的路径下,待安装完成后命令行下检测是否安装成功。

【前端_React】Node.js和webpack的安装

 第二步——在node的安装目录下新建两个文件夹,用于存放后续以npm安装的全局模块

新建node_cache文件夹,用于存放缓存

新建node_global文件夹,用于存放全局模块

【前端_React】Node.js和webpack的安装

新建完成后命令行下配置路径

npm config set cache  D:\ProgramSoftware\nodejs\node_cache

npm config set prefix  D:\ProgramSoftware\nodejs\node_global

注意:输入指令后,命令行闪一下,不会有任何提示

第三步——全局安装webpack并配置webpack的环境变量

webpack分为全局安装,与项目安装(安装在你指定的文件夹内),我这里使用的是全局安装

启动cmd,运行如下的命令:

npm install webpack -g

点击回车,会有一个进度条,等待进度条完成后,出现如下信息(具体信息可能有差别,但是只要不出现error说明安装成功):

【前端_React】Node.js和webpack的安装

安装完webpack后,打开D:\ProgramSoftware\nodejs\node_global目录,会发现里面多了webpack的安装内容

【前端_React】Node.js和webpack的安装

配置webpack的环境变量,这一步至关重要,当运行webpack命令提示不是内部或外部命令的问题,就是因为环境变量未配置导致的

将webpack的安装路径:D:\ProgramSoftware\nodejs\node_global追加到用户环境变量path后面

【前端_React】Node.js和webpack的安装

配置完webpack的环境变量后,即可在命令行下运行webpack命令

【前端_React】Node.js和webpack的安装

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-14
  • 2022-12-23
  • 2021-06-27
  • 2021-08-06
  • 2022-03-03
  • 2020-06-19
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-09-24
  • 2022-12-23
  • 2021-10-13
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案