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

Question

我在 TypeScript 中使用双引号，JavaScript 代码用于字符串。

但是 Vue CLI 和插件 Vetur（用于 VS 代码）生成的所有样板文件都对字符串使用单引号。有办法配置吗？

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

Answer 1

目前没有配置告诉 Vue CLI 或 Vetur 如何生成代码，但您可以通过 运行ning 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 自动修复单引号和分号。