本文介绍: 超详细的Node.js安装教程及在vscode中的配置。​进入nodejs官网下载18.15.0长期维护版。下载网址链接:Node.js (nodejs.org)​

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

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

一、Node.js下载安装教程

1、下载安装

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

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

 

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

 

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

 

4、不用勾选,直接next

 

5、点击安装install ,完成finish

 

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

 

7、输入nodev回车,npmv 回车,若如图出现版本号,则说明安装成功。

 

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

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

 

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

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

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

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

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

 

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

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

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

 

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

12、再修改或者直接添加用户变量中的path变量点击编辑,为了防止修改到其他软件路径,在这里我们直接新建添加一个路径。

点击新建->浏览,找到node_global文件夹的路径,打开然后确定。

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

二、Nodejsvscode中的配置

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

(在应用商店中搜索

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

3、此时配置文件自动生成,注意将program属性修改为${file},这样可以识别当前调试的文件然后运行文件

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调试报错。

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

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

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

原文地址:https://blog.csdn.net/qq_61214252/article/details/129914438

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_11461.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注