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

这篇具有很好参考价值的文章主要介绍了【新手】win10安装nodejs V16.9.0详细教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

👨‍🎓博主简介

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


一、下载、安装

1、下载地址

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

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

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

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

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

2、安装nodejs

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

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

然后安装即可;

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue


3、验证nodejs安装是否成功

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

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

二、环境配置及优化

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

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

npm config ls

prefix就是默认安装的位置;

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

1.1 修改npm默认安装的路径

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

1.2 配置环境变量

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

环境变量 --> 系统变量

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

npm config ls

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

可以看到已经修改成功。

  • 修改方法2:

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

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

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

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

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

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

npm config get registry

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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


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

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

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

命令解析:

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

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

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

npm i @vue/cli -g

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

常见报错1:ssl证书报错

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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

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

【新手】win10安装nodejs V16.9.0详细教程,《Windows相关技术》,windows,运维,nodejs,npm,vue

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



至此,nodejs就已经安装完成了!!!文章来源地址https://www.toymoban.com/news/detail-842432.html

到了这里,关于【新手】win10安装nodejs V16.9.0详细教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 安装纯净版Win10系统U盘教程(详细版)

    一般我们重装系统都需要Windows PE和Ghost等许多工具,步骤繁琐,对于电脑小白来说简直是噩梦啊!而用U盘重装则非常简单:一个U盘、系统镜像还有U盘启动制作工具,只需准备这三个,外加几步操作即可。 1、U盘需要 8GB或更大容量 ,现在人手一个U盘都是32G起步吧。毕竟现在

    2024年02月17日
    浏览(55)
  • 电脑重装系统详细教程(以安装win10为例)

    第一步:制作系统启动U盘 所需材料:UltraISO、一个空U盘(不低于8G)、win10系统镜像 下载地址:UltraISO:https://www.aliyundrive.com/s/ZQzCmoCYgsX 提取码: 0hp1                系统镜像:https://next.itellyou.cn/Original/ (一)、系统镜像下载教程: 打开系统镜像网址进行登录注册: 这里建

    2024年02月10日
    浏览(33)
  • Win 10 MySQL 安装详细教程(版本:8.2.0 Innovation)

            下载地址: https://dev.mysql.com/downloads/mysql/          选择需要安装的版本若下拉框没有需求版本 详见步骤2         下载地址:  https://downloads.mysql.com/archives/community/         MySQL压缩包解压到任意目录 (可以根据自己的盘符目录选择)         ①进入M

    2024年02月02日
    浏览(34)
  • Win10如何安装JDK1.8,最快最详细教程

    JDK全称为Java Development Kit,顾名思义是java开发工具包,是程序员使用java语言编写java程序所需的开发工具包。 JRE全称为Java Runtime Environment,顾名思义是java运行时的环境,包含了java虚拟机,java基础类库,是使用java语言编写的程序运行所需要的软件环境。 安装 1、首先到官网或

    2024年02月05日
    浏览(34)
  • # ⛳ Docker 安装、配置和详细使用教程-Win10专业版

    win10专业版系统首先需要开启硬件虚拟化及Hyper-V功能,才能进行Docker for Windows软件安装。 如何开启硬件虚拟化,由于过于繁琐,大家可自行百度。可在任务栏中查看虚拟化是否开启。 win10系统,打开控制面板-“应用”-“程序和功能”,开启Hyper-V,按照提示重启系统即可 ,

    2024年02月07日
    浏览(55)
  • Windows 7 下如何安装 nodejs 16 以上版本

    由于 Windows 7 对 nodejs 13(nodejs 12)以上的版本 不兼容 了 不支持安装 nodejs 16 以上版本的,具体解决方法如下: 到官网去找早期历史版本的 nodejs 13 (12) 版本的 .msi 文件下载下来, 如果你的电脑安装的有的话,直接省略这步; 13x 网址: https://nodejs.org/download/release/latest-v13.x/

    2024年02月12日
    浏览(29)
  • Android NDK Win10安装及环境变量配置(图文详细教程)

            首先需要安装 Android Studio !         (Android Studio 的安装比较简单,这里不赘述,如果没有安装请先自行安装)          在顶部菜单中,选择 Tools - SDK Manager :          如下图所示,选择Android SDK 子菜单,选择SDK Tools 分页,然后把NDK(Side by side)选上,这里一

    2024年02月07日
    浏览(71)
  • tensorflow详细安装教程(Win10, Anaconda,Python3.9)

    CPU版本和GPU版本的区别主要在于运行速度,GPU版本运行速度更快,所以如果电脑显卡支持cuda,推荐安装gpu版本的。 操作并不复杂,一开始我觉得要下这么多东西,感觉很麻烦,不想搞,但为了速度,最后还是尝试安装了一下,发现并没有那么难搞。 1.1 CPU版本,无需额外准备

    2024年02月02日
    浏览(43)
  • win10安装ROS2(foxy+humble/在线安装+离线安装)超详细保姆级教程

            之前已经在ubuntu22.04上安装上了ROS2-Humble,后期开发想要跨平台,ubuntu上发布话题,在windows上订阅话题,所以实验在windows上安装ROS2。         因为ubuntu上安装的是Humble版本,所以在win10上首选安装也是Humble版,实验过程中是先通过在线方式安装了foxy版本,后面通过

    2024年01月19日
    浏览(46)
  • Windows10安装配置MySQL超详细教程(最新)

    用网盘或者去官网下载Mysql,我这里下载的是社区版,与企业版区别不大 官网下载链接:https://dev.mysql.com/downloads/mysql/ 第一个安装包比较小, 第二个安装包比较大, 因为包含调试工具,我这里下载的是第一个。 选择下方的 “No thanks, just start my download.”,进入下载。 这里的 解

    2023年04月08日
    浏览(28)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包