Node.js安装教程及在vscode中的配置(超详细)

这篇具有很好参考价值的文章主要介绍了Node.js安装教程及在vscode中的配置(超详细)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

超详细的Node.js安装教程及在vscode中的配置

如果教程中出现了错误或者有其他问题,欢迎指正,我会积极改正的,希望能帮到你们。

一、Node.js下载安装教程

1、下载安装

进入nodejs官网,下载18.15.0长期维护版。

下载网址链接:Node.js (nodejs.org)​​​​​​

Node.js安装教程及在vscode中的配置(超详细) 

2、下载后双击打开,点击下一步

Node.js安装教程及在vscode中的配置(超详细) 

3、点击repair->next,一直点击下一步,直至设置安装路径,默认在C盘,建议更改安装路径到其他磁盘。

Node.js安装教程及在vscode中的配置(超详细) 

Node.js安装教程及在vscode中的配置(超详细)

4、不用勾选,直接next

Node.js安装教程及在vscode中的配置(超详细) 

5、点击安装install ,完成finish

Node.js安装教程及在vscode中的配置(超详细) 

6、检测是否安装成功:win+R打开运行窗口,输入cmd,回车

Node.js安装教程及在vscode中的配置(超详细) 

7、输入node -v回车,npm -v 回车,若如图出现版本号,则说明安装成功。

Node.js安装教程及在vscode中的配置(超详细) 

8、打开node.js安装的文件夹,新建两个文件夹node_glabal和node_cache.。

(node_glabal是全局模块,node_cache。如没有node_modules文件夹,需要手动新建,用来配置环境变量,若有,就不用新建了。)

Node.js安装教程及在vscode中的配置(超详细) 

9、再次win+R打开运行窗口,输入cmd,回车,在输入下面这两条命令,若没有报错,就可以关闭此窗口。

npm config set prefix "刚才创建的 node_global文件夹的路径"

npm config set cache"刚才创建的 node_cache文件夹的路径"

(该路径可以手动输入,也可以打开所处文件夹直接拖入。)

Node.js安装教程及在vscode中的配置(超详细)

9.1、此处只针对出现如下出错误的情况,如果上面的运行没有报错,请忽略这一步,直接进行第10步。

Node.js安装教程及在vscode中的配置(超详细) Node.js安装教程及在vscode中的配置(超详细)

可能的原因是:(1)、之前你已经安装过一次node.js,但是这次安装路径和上次的不一样,请修改安装路径(进入到安装nodejs文件夹,找到npmrc文件,\node.js\node_modules\npm\npmrc),在重复第九步。

(2)、也有可能是之前安装nodejs配置的环境变量中路径与此次不同,需要去检查一下环境变量,具体操作看后面。(注意:后面操作中,需要添加路径的步骤,改成检查路径是否正确),然后在重复第9步。

10、打开设置,找到高级系统设置,点击环境变量。

Node.js安装教程及在vscode中的配置(超详细) 

11、在系统变量中,新建,变量名:NODE_PATH,变量值:node_modulesl文件夹的路径。

Node.js安装教程及在vscode中的配置(超详细)Node.js安装教程及在vscode中的配置(超详细)

12、再修改或者直接添加用户变量中的path变量,点击编辑,为了防止修改到其他软件路径,在这里我们直接新建添加一个路径。Node.js安装教程及在vscode中的配置(超详细)

点击新建->浏览,找到node_global文件夹的路径,打开,然后确定。Node.js安装教程及在vscode中的配置(超详细)

然后点击确定,保存刚刚修改的。

Node.js安装教程及在vscode中的配置(超详细)

二、Nodejs在vscode中的配置

1、在vscode的扩展中安装三个插件,Code Runner;JavaScript(ES6) code snippet;Live Server。

(在应用商店中搜索)

Node.js安装教程及在vscode中的配置(超详细)

2、创建配置文件,打开代码文件夹,先创建一个test.js,随便写几句,然后运行测试代码。点击左边侧边栏的调试工具,选择创建launch.json文件,选择node.js调试环境。

Node.js安装教程及在vscode中的配置(超详细)

3、此时配置文件会自动生成,注意将program属性修改为${file},这样可以识别当前调试的文件。然后运行文件。Node.js安装教程及在vscode中的配置(超详细)

4、在运行时报错

1、VScode调试中出现“没有可用的调试程序,无法发送‘variables’“问题。

在用node调试js的时候,是否遇到过这样的问题?当我第一次遇到这样的问题,我以为vscode调试只是捕捉node.js控制台的消息,不能像浏览器开发者工具一样能打印对象并且展开显示对象的各种属性。

然而,实质上是vscode用node调试完了,node.js已经运行此js文件已经结束了,因此vscode也已经打印完该打印的内容了,当用户想要展开某个对象的属性时需要让node在正在运行中。

2vscode中调试错误提示信息: Node process error: Error: spawn D:\����\node.exe ENOENT,或者说找不到对应的二进制文件。

报错原因:node安装路径有中文,导致vscode中的js调试报错。

解决方法:打开控制面板->时钟和区域,点击区域。

Node.js安装教程及在vscode中的配置(超详细)

点击管理->更改系统区域设置。

Node.js安装教程及在vscode中的配置(超详细)

选中Bata版:使用Unicode’ UTF-8提供全球语言支撑。点击确定,重启电脑即可。这样,vscode文件路径就支持中文了。

Node.js安装教程及在vscode中的配置(超详细)文章来源地址https://www.toymoban.com/news/detail-438930.html

到了这里,关于Node.js安装教程及在vscode中的配置(超详细)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Node.js下载安装及环境配置教程【超详细】

    一、进入官网地址下载安装包 https://nodejs.org/zh-cn/download/ 选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位  Tips:如果想下载指定版本,点击【以往的版本】,即可选择自己想要的版本下载 二、安装程序 (1)下载完成后,双击安装包,开始安装Node.js (2)直接点【

    2024年02月03日
    浏览(54)
  • npm超详细安装(包括配置环境变量)!!!npm安装教程(node.js安装教程)

    安装node.js:(建议选择相对低一点的版本,相对稳定) ​ 下载完成直接点击next即可(安装过程中会直接添加path的系统变量,变量值是自己的安装路径,可自行选择,比如:D:software) ​ 安装完成:win+R打开电脑控制台,输cmd进入,输入( node -v ; npm -v )测试是否安装成功 ​ 安装

    2024年01月18日
    浏览(52)
  • Vue的路由使用,Node.js下载安装及环境配置教程 (超级详细)

    前言: 今天我们来讲解关于Vue的路由使用,Node.js下载安装及环境配置教程 首先我们Vue的路由使用,必须要导入官方的依赖的。 BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务 https://www.bootcdn.cn/ 路由思路 1、引入路由的js依赖 2、定义组件内容用来显示网页中的内容 3、定义

    2024年02月07日
    浏览(61)
  • Tensorflow安装及在pycharm和jupyter中的配置步骤-CUP详细版

    1、创建虚拟环境 输入以下命令创建虚拟环境,相当于搭建不同的房间来进行存储 出现以下界面,创建虚拟环境成功 2、激活虚拟环境 输入以下命令,激活我们创建的tensorflow的虚拟环境 3、安装tensorflow 在虚拟环境中输入以下命令,利用镜像进行下载,加快下载速度 但是此时

    2024年01月20日
    浏览(43)
  • Node.js安装详细教程

    1.安装Node.js 下载地址 可以自行选择 zip 或者 .msi ,推荐 .msi 下载后选择安装路径直接 next 安装 在【个人电脑】右键→【属性】→【高级系统设置】 在系统变量中查看【path】,点击【编辑】

    2024年02月09日
    浏览(49)
  • node.js详细安装教程

    1、Node.js简介 Node.js® 是一个基于 Chrome V8 引擎的 JavaScript 运行时。Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型。它的包生态系统,npm,是目前世界上最大的开源库生态系统。 2、下载Node.js 官方地址:https://nodejs.org/en/ 或 https://nodejs.org/zh-cn/ 如下图: 以往的版本 htt

    2024年02月05日
    浏览(88)
  • VScode运行npm错误解决:如何安装与配置Node.js环境

    在VScode中遇到npm无法识别的错误时,可能是因为未安装Node.js或环境变量配置不正确。

    2024年02月06日
    浏览(99)
  • Linux系统配置Node.js环境详细教程(图文讲解)

    前言:在使用Jenkins部署Vue项目的时候,如果没有安装Node.js环境的话,Jenkins会无法对Vue项目进行构建,所以本期出了一篇关于在Linux系统如何配置Node.js环境的讲解,以博客的方式记录一下我详细的配置流程和踩过的坑,特此分享! 博主的其他部署教程: 1、Jenkins部署前后端分

    2024年02月11日
    浏览(50)
  • Node.js 安装和配置(完整详细版)

    在Windows上安装和配置Node.js: 下载Node.js安装程序: 前往Node.js官方网站(https://nodejs.org/),在主页上找到\\\"Downloads\\\"(下载)选项。然后选择适用于Windows的\\\"Windows Installer\\\"(Windows安装程序)。 运行安装程序: 下载完成后,双击安装程序(.msi文件),会出现安装向导。按照向导

    2024年02月12日
    浏览(41)
  • (Node笔记)Node.js安装及环境配置——史诗级详细版

    目录 1、下载Node.js 2、安装Node.js 3、验证Node.js安装 4、Node.js环境配置         (1)更改npm安装全局模块的目录和缓存路径         (2)配置环境变量 5、测试Node.js安装结果 6、配置淘宝镜像 7、总结         官方下载地址: https://nodejs.org/zh-cn/         双击“ node-v

    2024年02月05日
    浏览(60)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包