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

Question

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

我怎么阻止这个？

Answer 1

把它放在你的用户设置中它不会改变你的半成品:

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

Answer 2

1. 前往设置

2. 转到文本编辑器的设置

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

3. 编辑

Youtube 视频

Answer 3

您可以在 VSCode settings.json 中添加

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

Answer 4

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

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

     "prettier.semi": false

我试图在eslint配置中找到一种方法来进行此操作，并让vs代码选择eslint设置中的任何设置……但还没有找到。同时，以上对我有用...

Answer 5

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

安装Prettier-code formatter扩展并通过取消选中Prettier：Semi来禁用半冒号的添加，如下面的屏幕截图所示

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

Answer 6

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

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

在 VSCode Workspace 中更改更漂亮的设置在我的情况下不起作用。