当我在Vue组件上执行格式化文档命令时。vue文件VSCode将所有单引号字符串替换为双引号字符串。

在我的具体情况下,该规则与要求单引号的electronic -vue lint配置冲突。

我没有安装更漂亮的扩展(没有更漂亮。singleQuote在我的设置)

如何定制VSCode来避免这种情况?


当前回答

我在vscode中也有同样的问题。只需在根目录中创建一个. pretierrc文件,并添加以下json。 对于单引号添加:

{
  "singleQuote": true
}

对于双引号添加:

  {
      "singleQuote": false
  }

其他回答

如果你使用的是YAML插件,它还有一个单引号/双引号选项,这让我很困惑。欢呼。

对我有用的是设置。prettierrc。Json配置文件。把它放在你的项目的根,像这样的示例配置:

{
  "singleQuote": true,
  "trailingComma": "all",
  "tabWidth": 2,
  "semi": true,
  "arrowParens": "always"
}

触发Format Document命令后,一切都能正常工作。

旁注:这个解决方案的一个好处是,由于目前的配置文件,每个团队成员都获得了相同的格式化输出。

我解决这个问题的方法是通过安装禁用eslint中的所有格式化规则 npm i -D eslint-config-prettier,然后在eslint配置文件的extends数组的末尾添加“prettier”

module.exports = {
  env: {
    node: true,
  },
  extends: [
    'airbnb-base',
    'airbnb-typescript/base',
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',
    'plugin:@typescript-eslint/recommended-requiring-type-checking',
    'prettier',

  ],
  parser: '@typescript-eslint/parser',
  parserOptions: {
    tsconfigRootDir: __dirname,
    project: ['./tsconfig.json'],
  },
  plugins: ['@typescript-eslint'],
  root: true,
};

然后把它作为我的默认格式化器做得更漂亮

安装更漂亮的扩展和粘贴下面的代码在你的VSCode设置。json文件

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

这将忽略您的.editorconfig文件设置。

对于像我这样的新手:

在顶部导航栏的菜单中:选择“文件->首选项->设置”。 在搜索文本框中,输入Quote 在下面的过滤列表中,寻找齿轮图标,并在它旁边-“Prettier”。点击复选框启用“更漂亮:单引号”