停止 Visual Studio 代码在 .vue 文件中自动添加分号

Question

我使用 Visual Studio 带有 Vetur 扩展名的代码，当我右键单击我的 .vue 文件并选择 "Format Document" 选项时 Visual Studio 代码会自动添加有意删除它们的分号。

我该如何阻止它？

Answer 1

您可以转到 VSCode 设置并搜索更漂亮的部分....有一个选项可以关闭添加分号....

或者，只需将此行添加到 VSCode 中的自定义设置：

     "prettier.semi": false

我试图在 eslint 配置中找到一种方法来执行此操作，并让 vs 代码获取 eslint 设置中的任何设置...但尚未找到。与此同时，以上对我有用...

Answer 2

将此放入您的用户设置中，它不会改变您的半决赛：

"vetur.format.defaultFormatter.js": "vscode-typescript",

Answer 3

可能是，您安装了不同的扩展，其中定义了分号 (;) 的用法。尝试转到 VSCode 设置并搜索 "semicolon"。将显示有关分号使用的所有设置，您可以根据需要进行配置。

Answer 4

最简单的解决方法是转到 vs 代码中的“设置”，搜索“；”

在随后的搜索结果中，去掉“;”如以下屏幕截图所示。

变更前：

变更后：

Answer 5

忘记之前的答案，给我运行时问题。

安装 Prettier- 代码格式化程序扩展并通过取消选中 Prettier:Semi 来禁用添加分号，如下面的屏幕截图所示

注意：在安装扩展后和进行配置更改之前，不要忘记重新加载 vs 代码

Answer 6

将此行添加到 VSCode 中的自定义设置（有助于 js 文件）：

"autoimport.useSemiColon": false

Answer 7

将 organizedimports 设置为 false 对我有用

"editor.codeActionsOnSave": {
"source.organizeImports": false
},

Answer 8

您可以在 VSCode settings.json

中添加

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "semi": false
    }
},

Answer 9

转到设置

转到文本编辑器的设置

"javascript.format.semicolons": "remove",
"typescript.format.semicolons": "remove",
"typescriptHero.imports.insertSemicolons": false, 
"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single",

编辑器

YouTube Video

Answer 10

在项目根目录中添加 .prettierrc 文件对我有以下设置：

{
  "semi": false,
  "singleQuote": true
}

在 VSCode 工作区中更改更漂亮的设置对我来说不起作用。

Answer 11

这对我有用：

"typescript.format.semicolons": "remove"

停止 Visual Studio 代码在 .vue 文件中自动添加分号

Stop Visual Studio Code From Automatically Adding Semicolons In .vue Files

visual-studio-code

vscode-settings