如何在VSCode中禁用自动关闭JSX标签？
在VSCode中禁用自动关闭JSX标签的方法如下：
- 打开VSCode编辑器。
- 点击左上角的“文件”菜单，选择“首选项”。
- 在弹出的菜单中选择“设置”。
- 在设置页面的搜索框中输入“jsx”。
- 在搜索结果中找到“Editor: Auto Closing Tags”选项。
- 将该选项的值设置为“never”。
- 关闭设置页面。
这样设置后，VSCode将不会自动关闭JSX标签，你需要手动输入闭合标签。这在一些情况下可能会增加一些工作量，但也可以避免一些自动闭合标签带来的不便。
相关·内容
我对Reactjs很陌生，我正在尝试为Reactjs和jsx配置VSCode。
现有信息似乎过时了..。我设法在VScode中配置了reactjs。
我安装了以下扩展：
排字安装程序
台风
Babel ES6/ES7
Reactjs代码段
由TwentyChung编写的jsx
VSCode语言模式现在显示"Javascript“。
我无法开始工作的是react jsx语法突出显示和intellisense。我遗漏了什么？有关于jsx配置的说明吗？
Windows 1064，VSCode 1.5.2，在.js中响应文件
谢谢,
恩里科
浏览 2提问于2016-09-22得票数 5
回答已采纳
我猜在Sublime Text 3中，当你在下面的“快捷键”处使用"alt +.“时，结束标签会自动放入。VSCode有相同功能的快捷方式吗？
<ul>
<li></li>
<li></li>
<li></li>
//shortcut here
已经为VSCode安装了扩展"Sublime Text Keymap and Settings Importer“。
谢谢!
浏览 0提问于2019-04-11得票数 1
1回答
在VSCODE中，如何删除html中的结尾</>，但父<>也没有被删除？
<div> <!-- 2. which even followed was deleted-->
<p>TEXT</p>
<p>TEXT</p>
<p>TEXT</p>
</div> <!-- 1. This is what you want to delete-->
请帮帮忙。
浏览 3提问于2022-07-16得票数 0
这已经困扰了我一段时间了。当已经有相同类型的闭合符号时，VSCode不允许我键入闭合括号或括号或类似的符号( ")", "]", "}")。
在这个WEBM中，你会看到我尝试设置另一组括号，而VSCode跳过了我输入的结束括号。这是非常烦人的。
如何在VSCode中禁用此行为？(或者更正它，这样VSCode就会为我关闭内括号。)
编辑:我知道我可以用"editor.autoClosingBrackets": false在VSCode中禁用自动关闭括号。但我不想完全禁用它。我只想禁用过度输入。
浏览 3提问于2018-04-09得票数 10
回答已采纳
3回答
VSCode似乎不自动缩进jsx中的HTML元素吗？
有没有办法解决这个问题。
更新
在原子中
当我输入<div>时，atom将显示：
在我按下return键后，结果是(注意光标的位置)：
在VSCode
浏览 2提问于2016-11-09得票数 34
我对自动完成VSCode中用于Rust的VSCode括号感到恼火。虽然它在指定泛型类型时可能很有用，但当它为我的小于运算符自动完成">“时，确实会让我感到困扰。
我知道我可以完全禁用自动结束括号，但是有什么方法可以指定哪些应该被认为是方括号呢？我已经安装了锈蚀扩展，没有它，这不是一个问题。
浏览 1提问于2020-11-21得票数 5
回答已采纳
1回答
当我在任何JSX/HTML组件的中间输入{时，VSCode并没有关闭它--您知道如何配置设置吗?或者有自动关闭的扩展吗？
示例：
const MathButton = (props) => {
return (
<div>
<button>{</button>
</div>
);
};
浏览 1提问于2022-02-18得票数 1
我想让emmet帮我这个忙
const str = 'lorem5|TAB'; --> const str = 'Lorem ipsum dolor sit amet.';
|光标位置
TAB命中标签
在VSCode中有可能吗？它只适用于jsx和html。
浏览 2提问于2019-11-14得票数 4
回答已采纳
我正在使用WebStorm来做出反应应用。
首先，当我使用JSX标记属性时，它会自动创建大括号。如何禁用此选项？
其次，当我们的源代码被修改时，许多IDE向我们展示了这个文件被改变了。在VSCode中，它是这样完成的：
但WebStorm不是。所以我不知道这个文件是否变了。我该怎么设置这个？
浏览 1提问于2017-11-03得票数 0
回答已采纳
如果打开了三个编辑器组，每个编辑器组都打开了一个编辑器(文件)，而我关闭了其中一个的编辑器，则编辑器组的数量会自动减少到两个。有没有办法保持编辑组是固定的(留下一个空的编辑组而不是移除它)？拥有编辑器组的数量对我来说很困惑，而且我知道无论如何我都会在其中放入其他文件，所以重新配置编辑器组的数量效率很低。
额外的好处:在Emacs中，我可以分配一个要打开文件的编辑组( buffer ) (当使用NeoTree扩展时，我可以输入2 ENTER来打开第二个buffer(编辑组)中的文件。如果我能用VSCode做同样的事情，那就太好了。
谢谢。
浏览 45提问于2018-12-07得票数 0
回答已采纳
如何在vscode调试器中禁用自动完成？ 如果有一种方法可以在我引用的时候不自动补全，那就太好了。 ?
浏览 159提问于2019-02-11得票数 6
我正在运行VSCode开发我的反应应用程序。我有一个简单的三元：
{isLoading ? (
<Spinner />
) : (
<Content />
)}
...however，当我保存它时，它会被格式化为：
{isLoading ? (
<Spinner />
) : (
<Content />
)}
...and我的链接器(正确)给出了以下错误：
期望有5个制表符的缩进，但发现有6个细缩进/缩进
每当我CTRL+S缩进纠正自己的一秒，然后返回到不正确的状态，红线表示一个问题。
问题是，我的VSC
浏览 4提问于2020-11-27得票数 1
回答已采纳
我想对VSCode使用Python扩展，但它依赖于木星扩展(参见Q&A )。我不使用木星在我的大多数项目，因此没有安装在我的虚拟环境。这导致木星的扩展不断弹出一个警告，不能否认它“未能启动一个会话”(因为木星没有安装)。在扩展部分中是否有我忽略的设置来抑制此警告？
浏览 4提问于2021-03-19得票数 1
回答已采纳
3回答
我在我的React项目中使用airbnb ESLint扩展，它迫使我格式化空/空标签，中间有一个空格：<br />。
但是，每次WebStorm自动格式化(更漂亮)都会改变这一点。我在WebStorm代码样式设置(File > Settings > Code Style)中找不到JSX。
有什么方法可以更改WebStorm的JSX格式设置吗？.editorconfig文件有帮助吗？
浏览 0提问于2018-08-05得票数 2
回答已采纳
我有多行参数和单体返回的函数(因为它们很长)。这是一个普通的JS文件：
const myFunction = (
looooooooongParam1,
looooooooongParam2,
looooooooongParam3,
looooooooongParam4,
) => (
looooooooongParam1
+ looooooooongParam2
+ looooooooongParam3
+ looooooooongParam4
+ looooooooongParam4
);
ESLint格式错误地
浏览 5提问于2020-08-10得票数 0
回答已采纳
在visual代码中，使用类型记录时，当使用intellisense/autocomplete功能时，我会收到不必要的建议。
示例：
HTMLAllCollection
DOMError
etc...
原因似乎是intellisense自动包含
{vscode dir}/resources/app/extensions/node_modules/typescript/lib
有什么办法禁用这些智能感知吗？
最后，我希望intellisense只包含与我的项目显式相关的内容。
浏览 2提问于2019-08-03得票数 8
回答已采纳
我正在使用VSCode对我的项目进行编码，但是虽然它在其他类型的文件中添加了圆括号和大括号，但它不会自动添加到js文件或JSX文件中 查看此处：https://i.stack.imgur.com/Okl3d.gif 我已经研究过了，我发现我需要更改Editor: Auto closing Brackets设置，并且我已经将它设置为languageDefined，但它仍然不能自动关闭括号 https://i.stack.imgur.com/eLOtJ.png 请回答如何解决这个问题
浏览 45提问于2021-07-02得票数 2
回答已采纳
我有最新版本的VsCode，并且我正在按照教程创建一个基本的next.js应用程序
我注意到本教程在.JS文件中使用了JSX，我的编辑并没有抱怨JSX。
这怎麽可能？默认情况下，VsCode能识别.JS文件中的JSX吗？next.js会自动编译JSX吗？
浏览 5提问于2017-11-27得票数 1
我正在尝试使用VS代码的反应与通量项目。VS代码将在.js文件中给出JSX的错误和警告。我保留了.js扩展，而不是.jsx，因为我想要来自VS代码的智能感知。
如何在VSCode的.js文件中进行JSX验证和高亮显示？或者，有没有办法在进行适当的JSX验证的同时保持VSCode中的智能感知？
浏览 12提问于2015-11-19得票数 2
正如主题所述，我无法在Visual代码中安装Chrome扩展调试器(版本: 1.23.0)。正如其他帖子中所建议的，我关闭了VS代码，退出了User.vscode\extensions，删除了对它的任何引用，并重新启动了VS代码。我尝试使用命令行并接收此错误(命令: code --Install-ExtensionmsjsDiag.调试器-for-chrome)：
$ code --install-extension msjsdiag.debugger-for-chrome
Found 'msjsdiag.debugger-for-chrome' in the marketpl
浏览 0提问于2018-05-05得票数 4
我使用django feed框架为我的网站组织rss feed。我需要将一些超链接放到提要项中，但它们都是自动转义的( "<“替换为"<”，依此类推)。是否可以在我的提要中保留标签(据我所知，我不能在提要模板中使用{%自动转义关闭%}标签)？谢谢。
浏览 3提问于2009-10-20得票数 2
回答已采纳
这两个命令in在VSCode中有什么区别？
workbench.action.closeEditorsAndGroupworkbench.action.closeEditorsInGroup
当我运行它们时，它们似乎都会触发相同的操作(它们都关闭当前编辑器组和编辑器组中的所有编辑器)。
浏览 3提问于2019-11-05得票数 0
回答已采纳
最近，VSCode开始在自动完成JSX属性名时添加双引号.例如，自动完成className将完成属性名，添加一对双引号，并将光标移动到引号中：
我更喜欢自己添加引号，所以我想禁用这个功能。
浏览 25提问于2022-02-21得票数 1
2回答
因此，我第一次尝试使用emotion-js，并被css的道具特性所吸引。
当我尝试文档上说的话时，我收到了一个警告。
“‘jsx”是定义的，但从未使用@typescript-eslint/no- used vars。
我使用的脚本看起来是这样的。
import React from "react";
//** @jsx jsx */
import { jsx } from "@emotion/core";
export const Component = () => {
return (
<div css={{col
浏览 4提问于2020-02-22得票数 9
1回答
在ReactJS项目中，如果我选择内联CSS的样式Jsx属性，
。
然后只会在我手动添加一些字段之后才能工作或工作。
但是，如果我手动键入样式属性，而不单击VSCODE建议的jsx属性，它将正常工作。
浏览 8提问于2021-12-17得票数 0
回答已采纳
当我关闭VSCode时，我想通过设置同步更新github上的设置，有方法吗？
浏览 0提问于2019-02-20得票数 0
回答已采纳
我正在尝试阻止自动关闭标签，但以下设置似乎不起作用：
{
"html.autoClosingTags": false,
}
还需要做些什么才能让自动关闭标签消失？
浏览 4提问于2017-09-28得票数 43
1回答
是否有方法改进Visual 2017中的JSX编辑？
以下是我的主要问题：
VS 2017不会自动关闭我在JSX文件中打开的HTML标记。例如，我打开了一个新的<div>，VS 2017什么都不做。我想让它为我自动关闭。
当您在JSX中创建越来越多的HTML元素时，它会混淆哪些标记正在结束什么--特别是<div>标记的情况。就像使用花括号一样，点击一个标签并看到它的开始/结束标记是很好的。当我在JSX文件中单击一个<div>时，VS 2017会突出显示所有其他的DIV，这并没有多大用处。我宁愿看到相应的打开/关闭标记--参见下面：
对于
浏览 1提问于2017-06-12得票数 6
背景
在回购中，我们有一个预提交配置，它需要更漂亮的2.2.1版本：
- repo: https://github.com/pre-commit/mirrors-prettier
rev: "v2.2.1"
hooks:
- id: prettier
在我的.devcontainer中，我指定使用更漂亮的代码，以便在保存时格式化代码：
{
// ...
"settings": {
"editor.formatOnSave": true,
"editor.defaultFormatte
浏览 3提问于2021-10-05得票数 0
回答已采纳
3回答
我想VSCode到，这样我就可以通过点击访问它。
例如，在配置jsconfig.json之后，我可以通过导入./src/styled/index的全局路径来访问它。
但是我不知道如何使用别名@styles
// VSCode Intellisene Works
import { mixins, theme } from 'styles';
// VSCode Intellisene Doesn't work
import { mixins, theme } from '@styles';
我当前的jsconfig.json
{
"
浏览 2提问于2019-10-05得票数 13
回答已采纳
1回答
我对更漂亮的格式有一个问题，当我保存代码时，它会给jsx代码的某些部分添加恼人的jsx：
我已经搜索过如何解决这个问题，但是找不到任何解决办法，有人能帮上忙吗？
这里是reprex：，这是相关的
浏览 2提问于2021-09-30得票数 3
回答已采纳
在VSCode中的任何.jsx文件中，扩展(通过emmet)任何带有点符号的标记都将假定点之后的任何字符都是类名：
Site.Wrapper -> <Site className="Wrapper" />
有没有办法防止这种行为，并让标签按字面意思扩展？
Site.Wrapper -> <Site.Wrapper />
浏览 2提问于2019-06-21得票数 0
我使用Create React应用程序的Typescript模板创建了一个React项目，为ESLint 6.8.0添加了必要的插件，并配置了ESLint和prettier，但每当我编辑.ts或.tsx文件时，我都会收到ESLint Error Delete␍⏎␍⏎
我在VSCode中安装了ESLint和Prettier扩展
我在SO上查看了其他各种帖子，并尝试了上面提到的大多数设置，
我将其添加到我的.eslintrc.json文件中
"prettier/prettier": [
"error",
{
"endOfLin
浏览 32提问于2020-07-31得票数 1
回答已采纳
2回答
找不到TypeScript模块
、、、、
在一个非常大的混合TS/JS项目中，使用VSCode，我得到了以下错误。
Cannot find module 'shared/common/enums/httpMethod'.ts(2307)
该应用程序构建成功，我们的pre-commit钩子，运行的eslint和测试没有失败。
在导入.ts文件的所有.ts文件中都会发生这种情况。我在这件事上找到了几个答案，但都没有帮助。
我迄今所做的工作包括：
从版本中的底部状态栏中更改TypeScript在VSCode中的工作区版本。
使用以下命令链接来自/usr/share/code/resources/app/out/vs/
浏览 0提问于2019-03-25得票数 15
回答已采纳
我有一个现有的React/Redux项目，我已经开始在我的项目中使用类型记录。我已经为扩展airbnb eslint配置的项目设置了eslint配置。我的隐形眼镜如下：
module.exports = {
"parser": "babel-eslint",
"extends": [
"airbnb",
"plugin:flowtype/recommended"
],
"plugins": [
"react",
"jsx-a11
浏览 0提问于2018-11-10得票数 1
回答已采纳
在vscode中，react类组件(crl + /)将为JSX创建正确的注释 {/* comment */} 但在vscode中，react函数组件(crl + /)将为JSX创建不正确的注释 // comment 如何在vscode中修复此问题？ ?
浏览 152提问于2020-04-05得票数 0
回答已采纳
2回答
在下面的示例中，您可以看到我的自动完成不是“完全的”，而是部分的。
我有几个扩展可能会影响到这一点，这就是为什么我把它们放在gif下面。我已经试图在VSCode设置中更改它，但没有成功。
自动完成失败
VSCode扩展：
Python
风筝
Visual
PythonExtended1：
浏览 3提问于2020-08-26得票数 0
回答已采纳
4回答
我有个问题 ? 我的esLint规则： "jsx-a11y/label-has-for": [ 2, {
"components": [],
"required": {
"every": [ "nesting", "id" ]
},
"allowChildren": true
}], 我只是想摆脱这个错误，或者修复，请帮帮我 错误消息:窗体标签必须与控件关联。(jsx-a11y/label-has-as
浏览 172提问于2019-01-31得票数 17
回答已采纳
一切正常。但是今天它变成了，VS代码版本是1.63.2。
设想情况：
I按Ctrl+Shift+O键打开快速命令调色板以搜索当前文件中的符号。输入符号后，找到并高亮显示符号。当我按回车、焦点跳转到目标位置时，光标也在那里可见。当我按下光标移动键(例如RIGHT或h、j、k、<code>d13<//code>键时，我使用VSCodeVim扩展时，光标立即返回到符号动作之前的原始位置。<code>H 215/code><code>G 216/code><code>G 216/code>
动画：
光标的初始位置在第1行。然
浏览 5提问于2021-12-19得票数 0
我知道VSCode支持JavaScript的自动导入。
由于某些原因，它不适用于Reactive原住民。在VSCode网站上这样做。但它只回答了如何解决打字本的问题(使用allowSyntheticDefaultImports)。我要给JavaScript (ES6)。
我尝试在我的settings.json中显式地设置settings.json，但是这不会改变任何事情，因为true无论如何都是默认的。
如何获取的自动导入与JavaScript在VSCode中的反应
PS： (在中建议)也只适用于TypeScript。此外，由于VSCode包括自动开箱即入，所以应该有一个没有RN和JS扩展的解
浏览 1提问于2019-02-13得票数 21
3回答
从图像中可以看到，在运行node.js时，我总是会在vscode中附加npm run dev调试器，有什么方法可以禁用吗？
我附上了package.json的内容
{
"name": "ff-front",
"version": "0.1.0",
"private": true,
"scripts": {
"lint": "eslint src server --ext .js,.jsx",
浏览 21提问于2022-04-10得票数 1
我对Mylyn和Eclipse (4.5.2)有一个问题，虽然我无法复制它，因为它看起来几乎是随机发生的。
我上次做的事是这样的：
我在选项卡中打开了几个文件，我决定创建一个任务，以便稍后能够回到它们。
我从Eclipse中的“任务列表”中创建了一个新任务(通过按Ins)，我给它命名并保存它。
我试着继续工作，但是一些标签突然消失了(不是所有标签)
这可能是个窃听器，或者是一些我对Mylyn“不了解”的东西。这是打开一些选项卡后创建的新任务的正常行为吗？我认为任务的“上下文”会自动更新。
浏览 3提问于2016-07-07得票数 0
我下载了deb文件--vscode版本1.10，并将其加倍安装在Ubuntu16 Virtualbox5.1中，当我启动vscode时，我无法使用它，而且没有菜单，只有黑屏
浏览 4提问于2017-04-01得票数 0
我已经在我的VSCode设置中禁用了远程测试和崩溃更新。尽管如此，VSCode还是向互联网发出了请求。我想它可以用来查询扩展结果和下载，更新VSCode软件，获取我的markdown中的互联网图片等等。
考虑到我刚刚安装了VSCode，安装了我想要的扩展，然后我将选择从现在开始手动更新VSCode。
在windows defender“允许应用程序通过防火墙”中，我没有看到VSCode，所以我可以禁用internet to VSCode。
我不想要任何新的扩展或更新，没有从互联网上获取图像等。有没有一种方法可以完全断开VSCode从访问互联网？
浏览 86提问于2019-11-01得票数 0
2回答
我的环境: Mac，Python3.9，venv。
这是我想要链接的文件(编辑器没有显示linting)。
import pandas as pd
df = pd.DataFrame()
fc = 1
在命令行中运行linter将返回预期的：
我已经检查了各种SO条目，并应用了以下建议的解决方案
In vscode i启用linting，选择pylint作为linter并运行
I禁用了最小检查器。我的..vscode/setings.json：
{ "python.linting.pylintUseMinimalCheckers"：false，"pytho
浏览 4提问于2020-11-30得票数 2
回答已采纳
1回答
如何让我的vscode在执行导入时列出所有文件？它只识别.js .ts .jsx .tsx文件 但它在导入过程中无法识别图像、css或任何其他文件。 你有这个的分机吗？或者我应该在我的vscode config.json中添加一些东西？ 我在文件夹ToggleBar中有一个styles.module.css文件，但是当我使用./ from import时，它没有列出。同样的事情也发生在图像，svg等上。 ?
浏览 110提问于2021-06-29得票数 0
我试图在VSCode上使用tflint，但是不能正确地配置它。
在我的终端上，terraform和tflint都工作得很好。
terraform --version
Terraform v0.12.28
tflint --version
TFLint version 0.17.0
which tflint
/usr/local/bin/tflint
但是在VSCode上，皮毛不起作用。
我已经安装了HashiCorp Terraform插件v2.0.2，并启用了terraform语言服务器。现在我检查了我的setting.json。许多互联网上的文章说，我们可以在terraform.lin
浏览 1提问于2020-06-28得票数 6
回答已采纳
有人能告诉我为什么在我的JSX中使用可选链接时会丢失代码格式吗？没有抛出错误，代码运行，它只是不喜欢它。 ? 如上所示，括号后的所有内容现在都是蓝色的，而它应该是红色的。目前使用最新的create-react-app，ESLint，prettier，并使用VSCode作为我的开发环境。
浏览 13提问于2021-10-13得票数 0
我并不期望VSCode能完美地适用于其他编程语言。但它似乎总是对typescript有很大的支持。但对我来说效果不是很好。我不知道是配置错误还是遗漏了什么。
我遇到的最大问题是自动导入。例如，当我尝试导入一个angular模块时，除非我在顶部使用import {} from '@angular/router'手动导入一次，否则它不会工作。然后，VSCode查找路由器包中的所有模块。应该是这样的吗？
另一个问题是自动补全建议非常慢。当我输入VSCode时，它只是冻结了一到两秒钟，然后它显示了自动补全建议。
这是在我的tsconfig.json中，如果这是任何帮助。
{
浏览 5提问于2020-07-11得票数 0
我用vscode做了一个角的演示。哪些插件可以用来自动导入角度接口？
我已经安装了Auto Import & Auto Import - ES6, TS, JSX, TSX扩展。但他们没起作用。
我希望当我输入ActivatedRoute时，它将被自动导入。
浏览 0提问于2019-01-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
