钟落潭有没有做网站的,注册域名后怎么做网站,做网站放视频,dede世界杯网站模板省流总结#xff1a;
颜色含义#x1f534; 红色波浪线类型错误 / 找不到定义#xff08;必须解决#xff09;#x1f7e0; 橙色提示风格 / 格式 / 规范建议#xff08;可忽略#xff09; 建议#xff1a;开发时#xff0c;先关橙色的提示#xff08;∵ 只为好看颜色含义 红色波浪线类型错误 / 找不到定义必须解决 橙色提示风格 / 格式 / 规范建议可忽略建议开发时先关橙色的提示∵ 只为好看解决红色的报错。橙色部分 是编辑器/工具给出的「代码规范Lint / 格式 / 风格」提示可以安全取消或关闭不影响代码运行或类型系统本身。一、橙色提示到底是什么你图中的橙色文字例如Replace |number| with | numberReplace ......// with //本质来源有三种可能通常同时存在1️⃣ ESLint最常见例如规则typescript-eslint/type-annotation-spacingtypescript-eslint/union-type-spacingspaced-comment它关心的是“代码风格”不是类型正确性2️⃣ TypeScript Language Service较少TS 自带的“建议修复Suggestion”比如注释写法union type 的空格风格3️⃣ Prettier如果你装了自动格式化建议二、如何取消这些橙色提示推荐方案✅ 方案一只关当前文件文件级多个文件挨个改 可能有点麻烦在文件顶部加/* eslint-disable */或只关 TypeScript 规则/* eslint-disable typescript-eslint/* */ 适合你现在这种原型阶段/开发实践发现第一个管用第二个还是会报错。✅ 方案二关闭某一类规则工程级★ 推荐在.eslintrc.js/.eslintrc.cjs中rules: {typescript-eslint/type-annotation-spacing: off,spaced-comment: off,}提示错误实例以及解决橙色Insert ,提示❌不是typescript-eslint/union-type-spacing❌也不是spaced-comment✅而是comma-dangle尾逗号规则或 Prettier 的格式化规则解决✅ 方案一最推荐直接关comma-dangle在.eslintrc.cjs中加入rules: { comma-dangle: off, }如果你用的是 TypeScript 规则版本再加一条保险typescript-eslint/comma-dangle: off,✅ 方案二如果你用的是 Prettier很可能检查是否存在以下文件之一.prettierrc.prettierrc.jsonprettier字段在package.json如果有改成{trailingComma: none}并且在 ESLint 中关闭与 Prettier 冲突extends: [plugin:prettier/recommended],rules: {prettier/prettier: off}✅ 方案三开发期最省事文件级关闭【问题后期维护难】在componentMetaList.ts顶部直接写/* eslint-disable comma-dangle *//* eslint-disable prettier/prettier */实践结果到方案二中的plugin:prettier/recommended时成功修复——》 真正生效并修复问题的是 Prettier不是 ESLint 规则本身。——》典型的 ESLint Prettier 优先级问题而非配置问题。✅ 方案三VS Code 里直接关“建议类诊断”不推荐长期使用但可以快速清爽界面settings.json{typescript.suggest.enabled: false,editor.lightbulb.enabled: false}❌ 不推荐卸载 ESLint你后期代码的规范ESLint 还是很有价值的。建议先关掉橙色提示只保留红色类型错误橙色 是代码风格建议可以安全关闭红色是 typeScript 的硬错误必须解决三、推荐的.eslintrc.cjs一次配置全局生效适用于当前环境的配置参考时 看备注 来选用module.exports { root: true, env: { browser: true, es2021: true, node: true, }, parser: vue-eslint-parser, parserOptions: { parser: typescript-eslint/parser, ecmaVersion: 2021, sourceType: module, }, plugins: [ vue, typescript-eslint, simple-import-sort, ], extends: [ eslint:recommended, plugin:vue/vue3-recommended, plugin:typescript-eslint/recommended, plugin:prettier/recommended, // ⭐ 关键 ], rules: { // 开发期友好论文 / 原型 comma-dangle: off, typescript-eslint/comma-dangle: off, prettier/prettier: off, // Vue 编辑器常见限制关闭 vue/no-mutating-props: off, vue/multi-word-component-names: off, // TS 规则降噪 typescript-eslint/no-explicit-any: off, typescript-eslint/no-unused-vars: off, typescript-eslint/no-non-null-assertion: off, typescript-eslint/no-misused-promises: off, // 排序类保留 simple-import-sort/imports: warn, simple-import-sort/exports: warn, }, }; 这份配置的目标让你只看到“真正会影响系统正确性的问题”参考各种关闭eslint方法总结_eslint 关闭-CSDN博客