如何使 Vue CLI 和 Vetur（在 VS Code 中）生成带双引号的代码

【问题标题】：How to make Vue CLI and Vetur (in VS Code) generate code with double quotes如何使 Vue CLI 和 Vetur（在 VS Code 中）生成带双引号的代码
【发布时间】：2019-02-13 14:50:41
【问题描述】：

我在我的 TypeScript 和 JavaScript 代码中使用双引号来表示字符串。

但是 Vue CLI 和插件 Vetur（用于 VS Code）生成的所有样板文件都使用单引号作为字符串。有没有办法配置它？

奖励：此外，我希望看到生成的代码没有分号……

【问题讨论】：

标签： vue.js visual-studio-code vue-cli vetur

【解决方案1】：

目前没有配置告诉 Vue CLI 或 Vetur 如何生成代码，但您可以通过运行 npm run lint 使用 Vue CLI 自动格式化生成的代码。运行该命令将报告任何 lint 错误，并自动更新您的代码以解决错误（如果可能）。

假设您在 Vue CLI 生成器提示中选择 TSLint 作为 linter，您可以按如下方式编辑生成的 tslint.json 文件：

 {
   "rules": {
-    "quotemark": [true, "single"],
     "quotemark": [true, "double"],
+    "semicolon": [true, "never"]
   }
 }

这做了两件事：

更改 quotemark 规则以强制使用双引号
添加 semicolon 规则以禁止尾随分号

现在，运行 npm run lint 以自动修复单引号和分号。

【讨论】：

这不是我的预期，但感谢您的回答。