使用更漂亮的插件和 ESLint 插件更漂亮 相关问题

编程问答 2022-05-16

问题描述

使用 ESLint 时，prettier-plugin-svelte 似乎不起作用。 ESLint 成功对 .svelte 文件进行 linting，但代码格式错误，好像 prettier 没有正确格式化文件。

在 ESLint 上使用 --debug 标志时，没有提到插件。所以我只能假设它没有被注册。

任何想法如何从 ESLint 内部注册 prettier-plugin-svelte？我知道如果 prettier 单独运行是可能的，但我想将它们放在一起。

这是 ESLint 配置的相关部分。

module.exports = {
    env: {
        browser: true,commonjs: true,ES2020: true,},extends: ['plugin:prettier/recommended'],plugins: ['svelte3'],parser: '@typescript-eslint/parser',parserOptions: {
        sourceType: 'module',ecmaVersion: 2021,project: './tsconfig.json',rules: {
        'prettier/prettier': [
            'error',{
                singleQuote: true,printWidth: 100,tabWidth: 4,useTabs: false,semi: false,quoteProps: 'as-needed',jsxSingleQuote: true,trailingComma: 'es5',bracketSpacing: true,arrowParens: 'always',proseWrap: 'never',htmlWhitespaceSensitivity: 'css',endOfLine: 'lf',embeddedLanguageFormatting: 'auto',plugins: ['prettier-plugin-svelte'],svelteStrictMode: true,svelteallowShorthand: true,svelteBracketNewLine: true,svelteIndentScriptAndStyle: true,],overrides: [
        {
            files: ['*.svelte'],processor: 'svelte3/svelte3'
        }
    ],ignorePatterns: [
        'public/build/'
    ],settings: {
        'svelte3/typescript': require('typescript'),parserOptions: {
        extraFileExtensions: ['.svelte'],}
}

相关问题

Svelte with prettier/eslint -- 类似，但我试图在 ESLint 内部使用更漂亮的。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

eslinteslinteslintrcprettier-eslintsveltesvelte-3