VS Code中运行html时出现“Code language not supported or defined”的解决方法

朱雀 2024-02-27 03:18 128阅读 0赞

## 一：首先确认自己的VS Code是否安装了 code runner ##

### 1.1通常出现“Code language not supported or defined”报错的原因 ###

出现“Code language not supported or defined”错误通常是因为VS Code中没有安装与你所编写的html文档中使用的编程语言对应的扩展插件。

解决此问题的步骤如下：

*  确认你的html文档中使用了哪些编程语言，比如CSS、JavaScript等。
 *  打开VS Code，点击左侧的“扩展”图标或按下快捷键Ctrl+Shift+X，搜索并安装对应语言的插件。比如，如果你的html文件中使用了CSS样式表，那么你需要安装“CSS”插件。
 *  安装完成后，重新打开你的html文件，并在右上角选择对应的编程语言模式。比如，在使用了CSS的html文件中，你需要选择“CSS”模式。
 *  然后尝试再次运行你的html文件，应该就可以正常运行了。

如果以上方法依然无法解决问题，你可以尝试卸载并重新安装VS Code，或者在官方社区论坛中寻求帮助。

我用的是code runner代码编辑器工具。

### 1.2小小翻译 ###

“Code language not supported or defined”是“不支持或不定义的代码语言”的意思

### 1.3查看及安装方法 ###

点击左边扩展工具，即从上往下数第五个-->点击-->输入code runner-->如果显示和下图一样，则是已经安装，如果未安装，点击安装即可

![e003af98ff884c729f7e4a08787253b1.png][]

## 二：code runner安装完成后 ##

### 2.1打开目的文件 ###

点击左上角文件-->点击首选项-->点击设置-->输入code runner-->在下方找到并点击"在settings.json中编辑"

**Code Runner** 是一种代码编辑器工具，它可以让用户在一个平台上编写和运行多种编程语言的代码，例如C、C++、Python、JavaScript等。它的主要功能是允许用户使用 Code Runner 内置的编译器或解释器，对代码进行快速的编译或运行。 Code Runner 还支持用户自定义编译器和运行命令，以满足特定的编程需求；

**settings.json**是一个配置文件，主要用于存储应用程序或系统的设置。通常，它存储应用程序的用户界面、用户偏好、主题、颜色方案、插件、快捷键等信息。在某些情况下，settings.json文件也可以存储应用程序的一些重要数据，如API密钥、数据库连接字符串等。在一些开源软件中，用户可以通过编辑settings.json文件来定制软件的行为和外观；

![68e7fbc5e4ff47eb95aee6f334ab2b6a.png][]

### 2.2将浏览器的地址复制粘贴到相应的位置 ###

需要改变的是**有颜色**的部分，其中**蓝色的部分是不用更改**的，将**浏览器的位置复制粘贴到红色位置部分**，我用的是谷歌浏览器，每个人安装的浏览器是不同的，我建议使用谷歌浏览器，此时，要注意文件是**绝对地址**，不是相对地址，必须要是xxxx:\\\\xxxx\\\\xxxx\\\\xxxx.xx的形式，否则将会报错

"code-runner.executorMap": \{

"html":"D:\\\\软件\\\\Google\\\\Chrome\\\\Application\\\\chrome.exe",

"javascript": "node"，

![03195af018054eeb9c895575796dad33.png][]

[e003af98ff884c729f7e4a08787253b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/27/d5af1e7902054df5adfff0cbf3691b15.png
[68e7fbc5e4ff47eb95aee6f334ab2b6a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/27/d2431326cf354fa4abfca73ff7c48a3d.png
[03195af018054eeb9c895575796dad33.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/27/4cf999ed6f17444a8f799bcbe3579b59.png