2022最新Nodejs下载安装配置步骤(保姆级教程)

news2025/2/25 14:28:39

1. 进入官网选择下载版本

http://nodejs.cn/download/

选择window系统下64位的版本

2.安装过程

步骤1:选择next选项
在这里插入图片描述
步骤2:勾选接受协议选项,点击 next(下一步)按钮 :
在这里插入图片描述
步骤3:其默认安装目录是C:\Program Files\nodejs\,当然你可以根据自己的需求来进行选择安装目录,一般这种配置文件我比较喜欢安装在默认位置,方便环境配置。
在这里插入图片描述
步骤4:这里是选择你想要安装的模式,一般无特殊需求就选择第一个就好了
在这里插入图片描述
步骤5: 点击 Install(安装) 开始安装Node.js。
在这里插入图片描述
安装过程:
在这里插入图片描述
点击finish完成安装,退出安装向导
在这里插入图片描述

3.检查是否安装成功

安装好后在本机终端中测试是否成功如果出现版本号就说明成功了

node -v 
 npm -v

在这里插入图片描述
(安装成功但是有报错)

修改npm文件以解决

打开nodejs安装位置的文件夹。并打开两个文件 npm.cmd 和 npm
这是我的目录

C:\Program Files\nodejs

在这里插入图片描述
找到那2个文件里面的prefix -g替换为prefix --location=global
1.设置文件访问权限,分别右键点击两个文件夹,选择属性,并点击编辑。将权限改为完全控制。记住是两个文件夹都需要。
在这里插入图片描述
2. 将第二个文件后缀名改为.txt,然后分别以记事本的形势打开
在这里插入图片描述
3. 将prefix -g 替换为(注意:两个文件都需要)

	prefix --location=global

在这里插入图片描述
4.检查是否成功,此时打开一个新的cmd命令行窗口,win+R,输入cmd,回车,此时输入

npm -v

在这里插入图片描述
就可以成功看见自己的版本号啦

4.配置环境变量

找到自己的nodejs安装路径,并复制。
在这里插入图片描述
右键点击我的电脑,点击属性->高级系统设置,点击环境变量
在这里插入图片描述
在系统环境变量 path 里添加 nodejs 的路径
在这里插入图片描述

5.配置全局安装包路径

打开cmd命令行窗口,输入下面的命令,路径可以随便指定,路径不存在会自动生成

npm config set prefix “C:\Program Files\nodejs\node_global”
npm config set cache “C:\Program Files\nodejs\node_cache”

在这里插入图片描述
这两条命令需要分别执行,可能因为管理员权限无法生成文件夹,那么就需要手动创建,
在这里插入图片描述
手动创建之后,发现有报错,如图
在这里插入图片描述
于是发现是因为文件权限不够,右键点击node,属性 => 安全 => 设置users用户完全控制权限
在这里插入图片描述
随即可以成功配置
在这里插入图片描述
打开环境变量设置窗口,在用户(或者系统)变量这一栏中,点击“新建”按钮,添加一个变量名“NODE_PATH",值为:

	C:\Program Files\nodejs\node_modules

在这里插入图片描述
在“系统变量”里,找到Path这个变量,选中并编辑它。给他添加一个值:
在这里插入图片描述
我的路径:
在这里插入图片描述
在“用户变量”这一栏,设置Path的变量。如果没有,就新建之,设置值为
在这里插入图片描述
到此nodejs设置就完成了,分别输入node -v和npm -v,得到如下图所示的结果表明nodejs环境配置成功。
在这里插入图片描述

以下是关于最后输入npm -v 出现 'npm’不是内部或外部命令,也不是可运行的程序问题的解决方案

首先进入环境变量中的path中找到nmp的文件位置,
在这里插入图片描述
打开文件夹发现,发现没有文件或者只有一个“etc”的文件。
发现此问题之后,我们应该在环境变量中添加我们安装的npm命令行执行文件路径。
我的是在“C:\Users\ASUS\nodejs”文件下。
在这里插入图片描述
在这里插入图片描述
添加完成之后,即刻运行npm命令。
感谢你读到这里,相互学习,交流进步!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/405544.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Python】ttkbootstrap的介绍与使用

一、什么是ttkbootstrap? 官方文档 [较慢]:https://ttkbootstrap.readthedocs.io/en/latest/ ttkbootstrap 是一个基于 tkinter 的界面美化库,使用这个工具可以开发出类似前端 bootstrap 风格的 tkinter 桌面程序 二、安装步骤 安装命令…

Vue项目安装less和less-loader

第一步:查看webpack和webpack-cli是否安装 打开cmd,通过命令查看 webpack -vwebpack-cli -v如果没有安装,要先进行安装 可以通过 npm view webpack version / npm view webpack-cli version 查看当前webpack的最新版本 可以通过 npm vie…

什么是axios(写给小白的理解笔记)

0.为什么会诞生axios 最初浏览器页面向服务器请求数据时,返回的是整个页面,整个页面都会刷新,当我们只需要请求部分数据时,返回整个页面会造成网络资源的占用,为了提高数据请求效率,异步网络请求Ajax出现了…

羊了个羊网页版

最近羊了个羊火的不得了,利用周末时间实现一个网页版。步骤如下: 1,用reactjs 实现。 2,实现Gameroom类。 3,实现Card类。 4,通过父组件控制子组件通信方式,控制点击事件。 5,通过t…

nvm切换node版本

在实际的前端开发过程中,可能会经常遇见 node.js 的版本问题,不同的项目需要使用不同的 node.js 版本。比如Vue2和Vue3需要的Node版本不一样。 地址:https://github.com/coreybutler/nvm-windows/releases 注意:安装之前必须完…

ChatGPT初体验——震撼,好用,贾维斯已来

2022.12.26 大概一个月的使用体验,我觉得chagpt的使用还算远远超出我的想象,可以说只有你想不到的,最近需要写一个基于shell的学生选课系统,但是时间实在是紧张的很,一开始chatgpt是无法接受这么大的要求的&#xff0c…

js实现数组去重的方式(7种)

目录JS数组去重的方式1.利用Set()Array.from()2.利用两层循环数组的splice方法3.利用数组的indexOf方法4.利用数组的includes方法5.利用数组的filter()indexOf()6.利用Map()7.利用对象JS数组去重的方式 例:将下面数组去除重复元素(以多种数据类型为例&a…

vue开发中,数据更新,但视图不刷新

我们在开发过程中会碰到数据更新,但是视图并未改变的情况,情况如下: 第一种:动态给对象新增属性或者删除属性是不会触发视图刷新的,Vue识别不到; 第二种:通过数组下标修改数组中的元素或者手动修改数组的长度,Vue识别不到&#…

【Javaweb学习笔记】在Eclipse中创建Web项目

【Javaweb学习笔记】在Eclipse中创建Web项目 哈喽大家好,这里是Java框架学习笔记专栏第二期 本期内容——在Eclipse中创建Web项目 前期回顾: 第一期——schema约束 笔者还是菜菜,还请大家多多指教呀! 文章目录【Javaweb学习笔记】…

解决onebot提示当前QQ版本过低,请升级到最新版在登录!

文章目录前言方法一方法二1️⃣下载文件2️⃣本地运行3️⃣重新启动go-cqHttp4️⃣服务器下载go-cqhttp5️⃣配置gocqhttp6️⃣启动go-cqhttp结语前言 🥇个人主页:MIKE笔记 🥈文章专栏:技术教程 📣TG交流群&#xff1a…

vue:聊天对话框的实现

实现效果:不知道怎么录屏 就用图片展示了,实现了聊天框的基础功能,也有一些细节考虑不完全。未输入消息时可发送图片或视频,输入消息后显示发送按钮,保持滚动条在位于底部的最新消息。 实现方式: 1.布局&a…

React中的setState使用细节和原理解析

文章目录setState使用详解使用setState的原因setState的基本用法setState的异步更新setState获取异步结果setState一定是异步?setState使用详解 前面我们有使用过setState的基本使用, 接下来我们对setState使用进行详细的介绍 使用setState的原因 开发中我们并不能直接通过修…

vue项目打断点的三种方式

方式一:使用debugger介绍:js自带的方法优点:简单好用,不需要额外的配置注意:生产环境下需要去掉方式二:使用vsCode插件断点介绍:vscode集成的断点调试,大佬必备优点:减少…

Nodejs安装及npm配置(超详细)

文章目录一、Node.js 下载二、Node.js 安装node.js简单安装三、Node.js 配置配置npm源关于npm源的更新四、可能遇到的问题1. 直接输入npm 或 npm 命令出错一、Node.js 下载 Node.js官网下载地址 Node.js中文下载地址 本文以 node.js 16.14.2 版本做演示,此版本要…

vue如何请求后端数据

在vue中,我们如何通过请求接口来访问后端的数据呢?在这里简单总结了一个小示例: 主要问题:如果不封装的话,在每次请求的时候都要书写一遍下面的代码,造成代码冗余。 1、在src目录下创建一个utils文件夹&am…

uniapp h5跳转微信小程序(wx-open-launch-weapp)

目录 一、注意事项 二、使用步骤 三、调整样式 一、注意事项 微信版本要求为:7.0.12及以上系统版本要求为:iOS 10.3及以上、Android 5.0及以上已认证的服务号,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。…

vue项目网页自适应,等比例放大缩小

同样是,虽然标题写的vue项目适用,但其它前端框架应该也可以。其它框架我没什么经验,可以参考着看看,应该适用。 本文章不涉及第三方插件,纯js。 自适应这个问题,老早以前就有一个解决方式,css中…

前端实现vue3使用axios调用后端接口

前言:在探索vue3.0的道路上调接口这件事很重要,所以我就把我探索出来的这条道展示出来,为大家提供便利,望喜欢,废话不多说展示!!! 第一步:在src下创建一个http文件夹&am…

vue-devtools的安装与使用

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、vue-devtools是什么?二、vue-devtools安装1.下载vue-devtools工具2.安装vue-devtools工具三、vue-devtools的使用总结前言 主要介绍vue-devtool…

nvm详细安装步骤以及使用(window10系统)

nvm详细安装步骤以及使用 nvm是一个管理nodejs版本的工具。在实际的开发中,有些项目的开发依赖需要低版本的nodejs运行环境,此时我们就需要使用nvm来降低nodejs版本。 1.下载安装nvm,首先安装目录不要有空格和中文,会出现乱码 下…