【新手】win10安装nodejs V16.9.0详细教程

news2024/11/16 20:24:39

👨‍🎓博主简介

  🏅云计算领域优质创作者
  🏅华为云开发者社区专家博主
  🏅阿里云开发者社区专家博主
💊交流社区:运维交流社区 欢迎大家的加入!
🐋 希望大家多多支持,我们一起进步!😄
🎉如果文章对你有帮助的话,欢迎 点赞 👍🏻 评论 💬 收藏 ⭐️ 加关注+💗


文章目录

  • 一、下载、安装
    • 1、下载地址
    • 2、安装nodejs
    • 3、验证nodejs安装是否成功
  • 二、环境配置及优化
    • 1、设置npm全局模块目录和缓存目录
      • 1.1 修改npm默认安装的路径
      • 1.2 配置环境变量
      • 1.3 修改缓存路径
    • 2、修改npm默认源为淘宝源
  • 三、测试(安装的时候记得使用管理员启动cmd窗口)
    • 常见报错1:ssl证书报错
    • 常见报错2:没有权限安装

一、下载、安装

1、下载地址

nodejs官网:https://nodejs.org/

nodejs官网下载地址:https://nodejs.org/download/

nodejs官网下载地址(V16.9.0直达):https://nodejs.org/download/release/v16.9.0/

  • 根据自己的情况选择,我这里是win X64位

image-20240301112155985

可以看到windows有两种格式的:msi zip格式的,这两者区别是什么呢?

.msi.zip格式区别:
.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。此外:它还包含有关安装过程自己的信息。例如:安装序列、目标文件夹路径、安装选项和控制安装过程的属性。
.zip是一个压缩包,解压之后即可,不需要安装。

2、安装nodejs

①、在自己电脑的任意位置创建一个英文目录,然后把包放进里面即可;我这里在E盘创建一个nodejs目录:E:\nodejs

②、将下载的包放进来,双击node-v16.9.0-x64.msi运行安装;

image-20240301113442928

到这选择安装路径,这个一定要记住,后面配置环境变量的时候用到,我就安装到E:\nodejs下;

image-20240301113529882

直接下一步即可,默认会自动配置环境变量;

image-20240301113703486

这个中间的框勾不勾都可以,看自己情况,我没勾;

在这里插入图片描述

然后安装即可;

image-20240301113843034

点击 Finish(完成)按钮退出安装向导,完成安装。

在这里插入图片描述


3、验证nodejs安装是否成功

至此,node就已经安装成功了,我们来验证一下;
win + r 打开命令行,输入cmd进入命令行;执行node -v npm -v查看nodejs版本;

在这里插入图片描述

可以看到已经成功安装了;

如果执行node -v npm -v没有反应的话可能就是环境变量没有配置,本文的安装默认会自动配置,但有的就不会,就需要手动配置以下,如何配置我们可以查看:配置nodejs环境变量;

二、环境配置及优化

1、设置npm全局模块目录和缓存目录

默认情况下全局安装某个工具或者包时是全局安装到C盘的,占用C盘空间,其实我们可以修改默认安装的路径;
我们可以先使用以下命令来看默认安装的位置;

npm config ls

prefix就是默认安装的位置;

在这里插入图片描述

接下来我们就需要修改默认安装的路径;

1.1 修改npm默认安装的路径

首先在nodejs安装的目录下创建两个目录:node_global(npm全局模块目录)node_cache(缓存)
创建完之后再在node_global目录下创建一个node_modules目录;

在这里插入图片描述

1.2 配置环境变量

此电脑 --> 属性 --> 高级系统设置

在这里插入图片描述

环境变量 --> 系统变量

在这里插入图片描述

在系统变量中新建一个NODE_PATH变量,变量值就是之前在nodejs安装路径下创建的node_golbal下的node_modules(注意:填写的是自己的路径)

在这里插入图片描述

配置nodejs环境变量:
新建完点击确定,我们再找一下系统变量的Path;查看一下nodejs环境变量是否存在;本文是安装在E:\nodejs下(请根据自己的安装路径查看是否正确),正常情况在安装服务时系统默认会自动配置好的。如果没有需要自己手动配置,新建添加,值便是nodejs的安装路径;

在这里插入图片描述

完成之后点击确定,我们在给普通用户配置一下;
双击普通用户下的Path,进入编辑页新建一个变量, 值就是安装nodejs根路径下刚刚创建的node_global目录;

在这里插入图片描述

完成之后一直点击确定直到退出到桌面;

1.3 修改缓存路径

  • 修改方法1:

win + r打开命令行,执行以下代码(后面的路径是实际刚刚新建的两个目录的路径);

npm config set prefix "E:\nodejs\node_global"
npm config set cache "E:\nodejs\node_cache" 

修改完之后通过以下命令查看是否配置成功;

npm config get prefix

npm config get cache

在这里插入图片描述

也可以通过npm config ls查看路径是否修改成功;

npm config ls

在这里插入图片描述

可以看到已经修改成功。

  • 修改方法2:

打开此电脑C盘,点击进入用户目录,再点击进入user用户(自己的用户)目录,可以看到会有一个名为.npmrc的文件,用记事本打开添加以下内容;当然使用第一种方法修改之后,在这里也是可以看到的;

prefix=E:\nodejs\node_global
cache=E:\nodejs\node_cache

在这里插入图片描述

2、修改npm默认源为淘宝源

默认源为:https://registry.npmjs.org

同样的使用win + r打开命令行,输入以下代码:

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

即可修改成功,查看npm源是否更换:

npm config get registry

在这里插入图片描述

可以看到源已经更新为淘宝源。


如果是使用指定淘宝源更新的,如下:

将cnpm改为自己要安装的模块就行

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

命令解析:

命令解析
npm install是安装的意思
-g是指全局安装
cnpm是安装的包
–registry是指定安装的镜像源

安装的时候尽量使用管理员安装

三、测试(安装的时候记得使用管理员启动cmd窗口)

npm i @vue/cli -g

在这里插入图片描述

安装完之后看自己配置的安装路径下:E:\nodejs\node_global\node_modules目录,可以看到多了一个@vue目录;

常见报错1:ssl证书报错

在这里插入图片描述

如果遇到以上报错,这是ssl证书过期问题,可以尝试取消ssl证书验证:npm config set strict-ssl false;取消之后再次安装;

常见报错2:没有权限安装

在这里插入图片描述

如果遇到此报错,是因为没有使用管理员用户运行,需要使用管理员安装;



至此,nodejs就已经安装完成了!!!

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

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

相关文章

【数据挖掘】练习2:数据管理1

课后作业2&#xff1a;数据管理1 一&#xff1a;上机实验1 # 读入数据 data("CO2") # 查看数据集CO2中的变量名称&#xff0c;并将变量Treatment的名称更改为Treat names(CO2) names(CO2)[names(CO2) "Treatment"] <- "Treat" names(CO2)…

在AI创业热潮下,如何抓住AI赚钱机会,实现人生逆袭

随着人工智能技术的迅猛发展,AI创业热潮正席卷全球。这不仅为科技领域的专业人士提供了无限的商机,也为普通人开辟了全新的赚钱途径。本文将为您揭示在AI创业热潮下,普通人如何抓住AI赚钱机会,实现人生逆袭,同时探讨哪些行业适合应用AI技术。 一、普通人如何抓住AI赚钱机…

WanAndroid(鸿蒙版)开发的第四篇

前言 DevEco Studio版本&#xff1a;4.0.0.600 WanAndroid的API链接&#xff1a;玩Android 开放API-玩Android - wanandroid.com 其他篇文章参考&#xff1a; 1、WanAndroid(鸿蒙版)开发的第一篇 2、WanAndroid(鸿蒙版)开发的第二篇 3、WanAndroid(鸿蒙版)开发的第三篇 …

共谋企业出海新篇章纷享销客荣获数字中国企业峰会“卓越成果奖”

3月9日&#xff0c;2024数字中国企业峰会在杭州西湖中维香溢大酒店成功举办&#xff0c;众多数字化领域专家、知名企业 CIO 代表到场。峰会旨在推动数字化转型与创新发展&#xff0c;为企业出海和国际合作搭建交流与合作的平台。本次峰会的颁奖环节&#xff0c;纷享销客凭借其卓…

c++的const总结(转)

为什么使用const&#xff1f;采用符号常量写出的代码更容易维护&#xff1b;指针常常是边读边移动&#xff0c;而不是边写边移动&#xff1b;许多函数参数是只读不写的。const最常见用途是作为数组的界和switch分情况标号(也可以用枚举符代替)&#xff0c;分类如下&#xff1a;…

二类医疗器械经营备案怎么办?怎么办理?二类的有效期多久?

第二类医疗器械工商登记怎么办&#xff1f; 这就是本文的主要内容。 下面&#xff0c;我们给大家分享一下第二类医疗器械工商登记的要求和材料。 经营第二类医疗器械只需到当地药品监督管理部门办理工商登记即可。 那么第二类医疗器械注册时应该怎么做呢&#xff1f; 第二类医疗…

计算机毕业设计 | vue+springboot 在线花店后台管理系统(附源码)

1&#xff0c;绪论 1.1 项目背景 随着社会发展&#xff0c;网上购物已经成为我们日常生活的一部分。但是&#xff0c;至今为止大部分电商平台都是从人们日常生活出发&#xff0c;出售都是一些日常用品比如&#xff1a;食物、服装等等&#xff0c;并未发现一个专注于鲜花的电商…

Linux:搭建ntp服务器

我准备两个centos7服务器 一个为主服务器连接着外网&#xff0c;并且搭建了ntp服务给其他主机同步 另外一个没有连接外网&#xff0c;通过第一台设备去同步时间 首先两个服务器都要安装ntp软件 yum -y install ntp 再把他俩的时间都改成别的 左侧的是主服务器&#xff0c;主…

docker安装Milvus

docker安装Milvus 拉去CPU版本的milvus镜像 $ sudo docker pull milvusdb/milvus:0.10.0-cpu-d061620-5f3c00 docker pull milvusdb/milvus:0.10.0-cpu-d061620-5f3c00 mkdir -p milvus/conf cd milvus/conf ls wget https://raw.githubusercontent.com/milvus-io/milvus/v0.1…

“有主权国家秘密买入比特币”!1900亿基金准备进场!卡塔尔国家主权基金也要出手了?

近期暴涨的两大"造富神话"——黄金、比特币&#xff0c;双双下跌。上周五&#xff0c;国际金价小幅下跌&#xff0c;这是近四周以来&#xff0c;黄金首次录得周下跌。比特币日内最大跌幅超6%&#xff0c;价格一度跌破65000美元&#xff0c;打破了此前多天的上涨氛围。…

离职率太高怎么分析?看BI工具如何有效降低员工离职率

近年来&#xff0c;随着全球经济形势的动荡和人才市场竞争的加剧&#xff0c;离职率已成为企业管理和人力资源领域备受瞩目的焦点议题。离职率的高低不仅直接影响着企业的运营和稳定&#xff0c;同时也反映了员工对工作环境、职业发展和福利待遇的认可程度。 因此&#xff0c;企…

nodejs实现链接shp的属性信息(替换字段或者追加字段)

写在前面 偶尔听到同事说一个数据处理重复性的流程太多&#xff0c;就了解了下&#xff0c;原来是1份shp数据对应着一个xls属性文件&#xff0c;需要把xls文件里的一部分属性更新到shp的相关字段中&#xff0c;当然这种操作是可以用ArcGIS或者QGIS实现&#xff0c;但是当数据特…

鸿蒙-项目创建及了解

目录 项目创建 1.App普通项目创建 2.元服务创建 项目结构 .hvigor .idea AppScope entry EntryAbility.ts pages resources module.json5 ohosTest hvigorfile.ts build-profile.json5 oh_modules build-profile.json5 hvigorfile.ts 项目运行 项目创建 F…

vue3+ts+element-plus实际开发之统一掉用弹窗封装

vue3tselement-plus实际开发之统一掉用弹窗封装 插槽1. 官网介绍先理解 插槽、具名插槽、 作用域插槽、动态插槽名、具名作用域插槽属性和使用方法 2. 统一调用弹窗封装dome实战- 使用场景&#xff1a;- 对el-dialog进行数据动态设置- 新建一个ts文件用于统一存放组件&#xff…

Windows系统安装配置Everything结合内网穿透实现公网环境搜索本地文件

文章目录 前言1.软件安装完成后&#xff0c;打开Everything2.登录cpolar官网 设置空白数据隧道3.将空白数据隧道与本地Everything软件结合起来总结 前言 要搭建一个在线资料库&#xff0c;我们需要两个软件的支持&#xff0c;分别是cpolar&#xff08;用于搭建内网穿透数据隧道…

2024年5月软考初级《信息处理技术员》报名考试全流程梳理

2024年软考信息处理技术员考试报名时间节点&#xff1a; 报名时间&#xff1a;上半年3月18日到4月15日&#xff0c;下半年8月19日到9月15日&#xff08;各地区报名时间不同&#xff0c;具体日期见官方通告&#xff09; 准考证打印时间&#xff1a;上半年5月20日起&#xff0c…

项目文章|真菌ChIP-seq+RNA-seq解析脱落酸生物合成的调控机制

组蛋白翻译后修饰是表观遗传调控的主要机制之一&#xff0c;已被证明在基因表达的调控中发挥重要作用&#xff0c;参与真菌发育、感染相关的形态发生、环境应激反应、次级代谢产物的生物合成和致病性。我们分享过不少真菌组蛋白修饰的文章&#xff0c;今天接着带来一篇利用ChIP…

uniapp使用Echarts图表H5显示正常 打包app显示异常

uniapp使用Echarts在H5页面调试 调试完在H5正常显示 然后通过安卓机调试的时候 发现直接空白了 还有这个爆错 Initialize failed: invalid dom 我有多个图表、图表是通过v-for循环出来的 解决方案 原来是yarn直接安装Echarts 然后改成本地JS文件引入 gitbub文件地址 — dist/…

大屏动效合集更更更之实现百分比环形

实现效果 参考链接&#xff1a; https://pslkzs.com/demo/pie/demo1.php 写在最后&#x1f352; 源码&#xff0c;关注&#x1f365;苏苏的bug&#xff0c;&#x1f361;苏苏的github&#xff0c;&#x1f36a;苏苏的码云

华院计算 | 意大利早期的三位女学者——历史没有忘记

意大利历史上名人很多&#xff0c;其中三位先驱女学者特别值得后人铭记。哲学家艾琳娜皮斯科皮亚&#xff08;Elena Lucrezia Cornaro Piscopia&#xff0c;1646年6月5日-1684年7月26日&#xff09;于1678年从帕多瓦大学&#xff08;Universit di Padova&#xff09;获得哲学博…