elsint报错Delete `␍`eslintprettier/prettier

一，原因

这篇博客写得很清晰：解决VSCode Delete `␍`eslint(prettier/prettier)错误_vscode 删除cr-CSDN博客
还有这篇文章，解决办法很详细：滑动验证页面
二，解决办法

根目录下新建.prettierrc.js文件

1. module.exports = {
2.   trailingComma: "all", // 设置是否末尾添加逗号的字段
3.   arrowParens: "avoid", //箭头函数参数括号,avoid 能省略括号的时候就省略
4.   useEditorConfig: false,
5.   endOfLine: "auto", //避免报错delete (cr)的错
6.   bracketSameLine: true,
7.   jsxSingleQuote: true,
8.   singleQuote: false, // 格式化以单引号为主
9.   semi: true, // 格式化不加分号
10.   printWidth: 300,
11. };

复制代码

根目录下.eslintrc.js文件（可以不配置）

1. module.exports = {
2.   env: {
3.     browser: true,
4.     es6: true,
5.     node: true,
6.   },
7.   extends: [
8.     "plugin:vue/essential",
9.     "airbnb-base",
10.     "plugin:prettier/recommended", //这样写，让pettier的规则，放在eslint规则扩展中，于是会经由eslint报错
11.   ],
12.   globals: {
13.     Atomics: "readonly",
14.     SharedArrayBuffer: "readonly",
15.   },
16.   parserOptions: {
17.     ecmaVersion: 2018,
18.     sourceType: "module",
19.   },
20.   plugins: ["vue"],
21.   rules: {
22.     quotes: [2, "double"], //警告，必须双引号
23.     "no-compare-neg-zero": 2, //禁止与 -0 进行比较
24.     "no-cond-assign": [2, "except-parens"], //禁止条件语句中出现赋值操作符
25.     "no-console": 0, //允许出现console
26.     "no-constant-condition": 2, //禁止在条件中使用常量表达式
27.     "no-control-regex": 2, //禁止在正则表达式中使用控制字符
28.     "no-debugger": 0, //可以使用debugger
29.     "no-dupe-args": 2, //禁止 function 定义中出现重名参数
30.     "no-dupe-keys": 2, //禁止对象字面量中出现重复的 key
31.     "no-duplicate-case": 2, //禁止出现重复的 case 标签
32.     "no-empty": 2, //禁止出现空语句块
33.     "no-empty-character-class": 2, //禁止在正则表达式中使用空字符集
34.     "no-ex-assign": 2, //禁止对 catch 子句的参数重新赋值
35.     "no-extra-boolean-cast": 2, //禁止不必要的布尔转换
36.     "no-extra-parens": ["error", "functions"], //禁止不必要的括号
37.     "no-extra-semi": 2, //禁止不必要的分号
38.     "no-func-assign": 2, //禁止对 function 声明重新赋值
39.     "no-inner-declarations": 0, //禁止在嵌套的块中出现变量声明或 function 声明
40.     "no-invalid-regexp": 2, //禁止 RegExp 构造函数中存在无效的正则表达式字符串
41.     "no-irregular-whitespace": 2, //禁止不规则的空白
42.     "no-obj-calls": 2, //禁止把全局对象作为函数调用
43.     "no-prototype-builtins": 2, //禁止直接调用 Object.prototypes 的内置属性
44.     "no-regex-spaces": 2, //禁止正则表达式字面量中出现多个空格
45.     "no-sparse-arrays": 2, //禁用稀疏数组
46.     "no-template-curly-in-string": 0, //禁止在常规字符串中出现模板字面量占位符语法
47.     "no-unexpected-multiline": 2, //禁止出现令人困惑的多行表达式
48.     "no-unreachable": 2, //禁止在 return、throw、continue 和 break 语句之后出现不可达代码
49.     "no-unsafe-finally": 2, //禁止在 finally 语句块中出现控制流语句
50.     "no-unsafe-negation": 2, //禁止对关系运算符的左操作数使用否定操作符
51.     "use-isnan": 2, //要求使用 isNaN() 检查 NaN
52.     "valid-jsdoc": "off", //
53.     "valid-typeof": 2, //强制 typeof 表达式与有效的字符串进行比较
55.     curly: 2, //强制所有控制语句使用一致的括号风格
56.     "consistent-return": [
57.       2,
58.       {
59.         treatUndefinedAsUnspecified: true,
60.       },
61.     ],
62.     "default-case": 2,
63.     eqeqeq: "off",
64.     "guard-for-in": 0,
65.     "no-case-declarations": 0,
66.     "no-empty-pattern": 2,
67.     "no-fallthrough": 2,
68.     "no-global-assign": [
69.       2,
70.       {
71.         exceptions: [],
72.       },
73.     ],
74.     "no-octal": 2,
75.     "no-redeclare": 2,
76.     "no-self-assign": 2,
77.     "no-unused-labels": 2,
78.     "no-useless-escape": 2,
80.     strict: 2,
82.     "no-delete-var": 2,
83.     "no-undefined": 0,
84.     "no-undef": 2,
85.     "no-use-before-define": 2,
87.     "array-bracket-spacing": [2, "never"],
88.     "block-spacing": [2, "always"],
89.     "brace-style": [2, "1tbs"],
90.     "comma-dangle": ["error", "never"],
91.     "comma-spacing": [
92.       2,
93.       {
94.         before: false,
95.         after: true,
96.       },
97.     ],
98.     "comma-style": [2, "last"],
99.     "computed-property-spacing": ["error", "never"],
100.     "eol-last": [2, "always"],
101.     "func-call-spacing": ["error", "never"],
102.     indent: [
103.       "error",
104.       2,
105.       {
106.         SwitchCase: 1,
107.       },
108.     ],
109.     "jsx-quotes": ["error", "prefer-double"],
110.     "key-spacing": [
111.       "error",
112.       {
113.         beforeColon: false,
114.         afterColon: true,
115.       },
116.     ],
117.     "new-cap": [
118.       "error",
119.       {
120.         newIsCap: true,
121.         capIsNewExceptionPattern: "(Type[a-zA-Z0-9]+|Deco[a-zA-Z0-9]+)+",
122.       },
123.     ],
124.     "new-parens": "error",
125.     "no-mixed-spaces-and-tabs": 2,
126.     "no-multi-assign": "error",
127.     "no-multiple-empty-lines": "error",
129.     semi: [
130.       2,
131.       "always",
132.       {
133.         omitLastInOneLineBlock: true,
134.       },
135.     ],
137.     "constructor-super": 2,
138.     "no-class-assign": 0,
139.     "no-const-assign": 2,
140.     "no-this-before-super": 2,
141.     "no-var": 2,
142.     "no-dupe-class-members": 2,
143.     "no-new-symbol": 2,
144.     "require-yield": 2,
145.     "prefer-const": 0,
146.   },
147. };

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。