【前端_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 odejs ode_cache

npm config set prefix  D:ProgramSoftware odejs ode_global

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

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

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

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

npm install webpack -g

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

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

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

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

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

原文地址:https://www.cnblogs.com/leiblog/p/11248909.html