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

第一步——安装Node.js

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

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

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

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

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

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

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说明安装成功)：

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

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

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

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