visual-studio-code中的自动结束括号不适用于js和jsx文件
在Visual Studio Code中，自动结束括号功能是一项方便的功能，它可以自动补全代码中的括号、引号等符号，提高开发效率。然而，有时候这个功能在JavaScript（.js）和JSX（.jsx）文件中可能不适用。
这个问题可能是由于一些配置或插件导致的。以下是一些可能的原因和解决方法：
- 检查编辑器设置：首先，确保自动结束括号功能在Visual Studio Code的设置中是启用的。可以通过按下Ctrl + ，然后搜索"auto closing brackets"来找到相关设置。确保"Editor: Auto Closing Brackets"选项被设置为"always"。
- 检查文件类型：确保你的文件被正确地识别为JavaScript或JSX文件。可以在底部的状态栏中查看当前文件类型。如果文件类型不正确，可以手动选择正确的文件类型，或者安装相关的语言扩展插件，如"JavaScript"或"React/Redux/React-Native/JSX/GraphQL"。
- 禁用冲突的插件：某些插件可能会与自动结束括号功能冲突，导致其在JavaScript和JSX文件中不起作用。可以尝试禁用一些可能冲突的插件，然后重新启动Visual Studio Code，看看问题是否解决。
- 更新或重新安装插件：如果你使用了与自动结束括号功能相关的插件，可以尝试更新或重新安装这些插件，以确保它们与当前版本的Visual Studio Code兼容。
总结起来，如果在Visual Studio Code中的自动结束括号功能不适用于JavaScript和JSX文件，可以通过检查编辑器设置、文件类型、禁用冲突的插件以及更新或重新安装插件来解决问题。希望这些解决方法能帮助到你。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动应用开发平台（MADP）：https://cloud.tencent.com/product/madp
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
在输入.vue文件时，我遇到了括号不能自动关闭的问题。我使用visual-studio-code作为我的编辑器，并在设置中将自动结束括号设置为"always“。HTML标签会自动关闭，问题只出现在.vue文件中，而在.js/.jsx文件中输入时一切正常，括号和</e
浏览 7提问于2020-09-27得票数 11
我使用的是vscode，如果你添加开始括号或圆括号，它会添加一个结束括号或圆括号，但当我使用js文件或JSX文件时，它不会添加结束对。 请回答如何解决此问题
浏览 10提问于2021-07-03得票数 3
回答已采纳
顺风CSS不适用于next.js v13中的应用程序文件夹，但它正在处理页面和组件文件夹。在tailwind.config文件中，我添加了 "./components/**/*.{j
浏览 19提问于2022-10-31得票数 9
我正在使用VSCode对我的项目进行编码，但是虽然它在其他类型的文件中添加了圆括号和大括号，但它不会自动添加到js文件或JSX文件中 查看此处：https://i.stack.imgur.com/Okl3d.gif我已经研究过了，我发现我需要更改Editor: Auto closing Brackets设置，并且我已经将它设置为lan
浏览 45提问于2021-07-02得票数 2
回答已采纳
22回答
在Visual代码中是否有使用组件或HTML完成的方法？因为手动输入每个字母并不是什么好主意，例如，在Emmet：ul>li*2>a中，有类如Bootstrap等。
浏览 40提问于2016-09-04得票数 130
回答已采纳
在缩进彩虹扩展中，我想排除JS和JSX文件。但是在尝试了settings.json中所有给定的指令之后，它并不适用于我。在settings.json中我应该用什么语言命名？settings.json
"indentRainbow.excludedLanguages": ["javascript", "js", "*.jsx&quo
浏览 6提问于2022-06-07得票数 0
回答已采纳
1回答
是否有方法改进Visual 2017中的JSX编辑？
当您在JSX中创建越来越多的HTML元素时，它会混淆哪些标记正在结束什么--特别是<
浏览 1提问于2017-06-12得票数 6
我一直读到VSCode本机就这样做，但我不知道如何在一个带有jsx文件的React项目中让它工作。它不适用于任何文件类型..。js，js，tsx，ts，scss等。我希望VSCode在我的整个项目中搜索文件导入，并在将文件移动到另一个目录或在资源管理器中重命名时，在任何地方自动更新导入路径。这似乎是编辑器不需要编辑settings.json或使用扩展就会/
浏览 3提问于2021-08-03得票数 2
假设我有pages/foo/index.tsx，我想要使用pages/foo/helper.tsx作为助手。接下来将呈现pages/foo/helper.tsx，以响应GET /foo/helper请求而不是404。我不希望这种事发生。做_helper.tsx并不能解决问题。
浏览 9提问于2022-10-25得票数 0
5回答
我希望能够在react/jsx代码中使用html标记的自动完成。它对html文件的工作方式是一样的。我能否配置崇高的文本3，以启用标签自动完成的jsx文件？
浏览 4提问于2015-05-04得票数 59
回答已采纳
我已经检查了很长一段时间的代码，但我不明白这里出了什么问题。 import React from 'react' </div>} 将文件从js重命名为ts后出现了问题，因为您可以看到这不是由于类型引起的
浏览 21提问于2020-07-09得票数 0
3回答
如何检测React项目中未使用的依赖项？我知道有npm包可以做到这一点，但它们只适用于普通的js项目，而不适用于Reacts jsx文件。有没有类似的包可以和React一起使用？
浏览 12提问于2015-07-29得票数 11
2回答
我已经使用gulp自动化了我的项目中的所有任务。 然而，我有一个特定的名称文件夹，它的名称中有方括号(是的，它的名称中必须有特意的方括号)，而这似乎不适用于gulp。我需要锁定该文件夹并缩小其中的javascript。我尝试使用正则表达式匹配模式，但只要我读到gulp使用blob，或者我不理解blob，或者我做错了 假设我有一个
浏览 20提问于2020-04-26得票数 0
回答已采纳
已解决保存后执行以下操作：
查看return语句中的代码...它发生在做了一次保存之后...它太难读了..。是什么导致了它，我如何解决这个问题？
浏览 2提问于2020-10-16得票数 2
在WebStorm网站上，他们有自动完成反应的截图：但是，它不适用于我的WebStorm：我已经切换了我的JavaScript语言版本，以在Preferences | Languages& Frameworks | JavaScript中对JSX作出反应。在该文件中，我右键单击用户react-DefinitelyTyped库中的JavaScript<
浏览 3提问于2017-07-13得票数 1
回答已采纳
它不适用于VS代码中的app.js (React项目)，但它适用于其他项目文件，..all配置文件是正确的，ESLint库是正确从项目文件夹加载的。，请在这个问题上给我安静的建议，。提前谢谢。信息- 11:58:45 AM ESLint库从:ESLint加载
module.exports = {
e
浏览 2提问于2021-08-15得票数 0
我是sublime的新手，我已经安装了sublime plugins-html代码片段和reactjs代码片段。
。
谢谢。
浏览 1提问于2015-08-01得票数 0
在、和中，是否有一种设置或方法来获得"peek“功能，以便在使用编码(分隔行上的大括号)时在控制语句上显示两行？当光标位于结束大括号后面时，"peek“功能可以工作(显示开口大括号)，但它只显示一行，即开口大括号的实际行，这几乎毫无价值。注意，此功能与类完美地工作，显示两行，但不适用于控制语句或方法。见下面的屏幕截图(1) IF语句和(2)类定义。
我在设置&#
浏览 0提问于2011-03-18得票数 0
回答已采纳
3回答
我通常先使用Brackets.So，我已经在我的html代码中添加了源代码。crossorigin></script> <div id="root"><
浏览 7提问于2019-01-06得票数 2
所以我把这个写进了src/components/Part/Part.jsxconst Part = (props) =>{ <p>{props.part + " " + props.exec
浏览 0提问于2020-09-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
