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

Question

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

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

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

Answer 1

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

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

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

这做了两件事：

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

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