前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站​点击跳转浏览。​

安装nodejs

node.js官网(https://nodejs.org/en/)下载LTS稳定版本

nodejs安装webpack详细步骤_node.js


一路傻瓜式安装即可,可以自定义安装到除c盘之外的其他盘。

安装成功,按下window +R输入 cmd之后 输入 node -v 出现版本号则表示安装成功。

接下来 配置nodejs的环境

配置nodejs

找到安装node.js的地址,里面会有node_cache和node_global两个文件。如果没有的话,创建这两个文件夹,

nodejs安装webpack详细步骤_node.js_02


然后在cmd中执行

npm config set cache “D:\nodejs\node_cache”(此处替换成你本机中node_cache文件夹的地址),再执行npm config set prefix “D:\nodejs\node_global”(此处替换成你本机中node_global文件夹的地址)。

这时如果出现错误,则把cmd以管理员的方式打开之后,再进行运行上面的命令即可。

之后还会报错npm报错, Error: EPERM: operation not permitted, mkdir

这时需要设置一下文件夹的权限,将nodejs的安装目录 ,以及node_cache,node_global的权限修改一下,如下图所示

nodejs安装webpack详细步骤_webpack_03


之后就可以通过npm -v命令来进行测试。

配置环境变量

进入电脑的高级系统设置的环境变量设置

nodejs安装webpack详细步骤_webpack_04

在用户变量中添加node_global的路径,我的是“C:\Program Files\nodejs\node_global”。
再在系统变量中新建一个NODE_PATH 并添加node_global的路径。

注意:网上有很多配置环境变量的方法,很多误导大家,这种方式亲测可行

安装Webpack

在cmd中输入
npm install webpack@5.46.0 -g
npm install webpack-cli@4.9.0 -g
npm install webpack-dev-server@4.7.0 -g

这三个看项目需要,前两个必须安装

之后在cmd窗口输入webpack -v 出现如下图所示即为安装成功

nodejs安装webpack详细步骤_前端_05