webpack最新安装

webpack最新安装,第1张

1.首先应该先安装node.js

网址:https://nodejs.org/zh-cn/

最好选择如图所圈出来的长期维护版,它比较稳定。

在你安装好了后,可通过命令提示符来检测。

打开命令提示符之后,输入:node -v 

出现如图所示的版本号(可能版本号不一样),就是安装成功了:

接下来就是配置环境

在node.js所在的文件夹中创建两个文件夹分别为:

node_global

node_cache

然后在命令提示符中分别输入:

npm config set prefix "E:\node.js\node_global"

npm config set cache "E:\node.js\node_cache"

前者引号中填写的是node_global文件夹在计算机中的路径,后者是node_cache路径。注意:在路径前面的引号前必须加空格

接下来打开系统中的高级系统设置中的环境变量:

在用户变量下打开path,在“编辑环境变量”中,单击“创建”按钮填写如图所示node_global的路径:

在系统变量中 ,单击“创建”按钮,创建一个如图所示的系统变量:

然后在系统变量中打开path,创建一个如图所示的环境变量(名字与创建的系统变量一致):

最后在命令提示符中输入:npm -v

出现版本号就表示配置成功。

2.安装淘宝镜像cnpm(在这里推荐安装这种:速度比较快)

在命令提示符中输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org

用 cnpm -v 可以检测时候成功,出现如图所示就表示安装成功了。

3.安装webpack 

在命令提示符中输入:

cnpm npm install webpack -g

用 webpack -v 测试,出现版本号就表示安装成功了。

4.安装webpack-cli

在webpack3中,你安装了webpack就不用安装webpack-cli。因为安装了webpack,webpack-cli也就一起安装上了。

在webpack4之后,它们两就分离开来了,需要各自安装。

在命令提示符中输入:

cnpm install webpack webpack-cli -g

用 webpack -v 测试,出现版本号就表示安装成功了。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/796044.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-06
下一篇 2022-05-06

发表评论

登录后才能评论

评论列表(0条)

保存