【已解决】webpack安装详解(附淘宝镜像地址)

一.安装Node.js

1.安装Node.js(这是安装webpack的前提),Node.js官网下载。

2.按Win+R,输入cmd,启动命令行工具。

3.输入 node -v, 检查node.js版本,有如下图显示版本号,就说明node.js安装正确:

4. 输入 npm -v,检查npm版本,如下图显示版本号,就说明npm安装正确。

二.安装webpack

5.输入 npm install webpack -g, 全局安装webpack

6.输入 webpack -v,检查webpack版本,如下图显示版本号,则说明webpack安装正确。

三.其他

1.如果输入 webpack -v 的时候显示如下图,则输入 yes ,即可自动安装 webpack-cli。

2.若用npm安装太慢(我原来安装webpack-cli就安装了几十分钟,而且还没安装上),就使用npm淘宝镜像,输入

          npm config set registry https://registry.npm.taobao.org 

2.1检查淘宝镜像是否安装成功。输入 npm config get registry,如下图显示,则说明淘宝镜像安装成功。

如果你一路顺利的到这儿了,恭喜你,webpack已经安装好,可以开始折腾了:

webpack使用详解:浏览器显示Hello World!。

 

如果遇到了其他问题,欢迎留言,我会尽快回复你的。

你可能感兴趣的:(前端,webpack)