nodejs安装webpack详细步骤

简介: nodejs安装webpack详细步骤

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


安装nodejs


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


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

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

接下来 配置nodejs的环境


配置nodejs


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


然后在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的权限修改一下,如下图所示


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


配置环境变量


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


在用户变量中添加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 出现如下图所示即为安装成功


相关文章
|
3月前
|
JavaScript
NodeJs的安装
文章介绍了Node.js的安装步骤和如何创建第一个Node.js应用。包括从官网下载安装包、安装过程、验证安装是否成功,以及使用Node.js监听端口构建简单服务器的示例代码。
NodeJs的安装
|
2月前
|
JavaScript 开发工具 git
已安装nodejs但是安装hexo报错
已安装nodejs但是安装hexo报错
32 2
|
3月前
|
存储 JavaScript 前端开发
Node 版本控制工具 NVM 的安装和使用(Windows)
本文介绍了NVM(Node Version Manager)的Windows版本——NVM for Windows的安装和使用方法,包括如何安装Node.js的特定版本、列出已安装版本、切换使用不同版本的Node.js,以及其他常用命令,以实现在Windows系统上对Node.js版本的便捷管理。
Node 版本控制工具 NVM 的安装和使用(Windows)
|
2月前
|
Web App开发 JavaScript 前端开发
JavaWeb 22.Node.js_简介和安装
JavaWeb 22.Node.js_简介和安装
|
3月前
|
SQL JavaScript 数据库
sqlite在Windows环境下安装、使用、node.js连接
sqlite在Windows环境下安装、使用、node.js连接
|
3月前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
102 4
|
2月前
|
JavaScript 算法 内存技术
如何降低node.js版本(nvm下载安装与使用)
如何降低node.js版本(nvm下载安装与使用)
|
4月前
|
缓存 JavaScript 安全
2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)
这篇文章提供了2022年最新最详细的Node.js和cnpm安装教程,包括步骤图解、全局配置路径、cnpm安装命令、nrm的安装与使用,以及如何管理npm源和测试速度。
2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)
|
3月前
|
JavaScript 前端开发 Linux
|
3月前
|
JavaScript Linux API
安装NodeJs,好啊好啊
安装NodeJs,好啊好啊