不能。eslint负责代码逻辑与潜在错误检查（如no-unused-vars），prettier专司格式统一（如缩进、引号），二者职责不同；强行用eslint --fix处理格式易引发规则冲突及ts类型安全风险，需通过eslint-config-prettier禁用冲突规则并交由prettier主导格式化。

ESLint 能否替代 Prettier？

不能。ESLint 检查代码逻辑和潜在错误，比如 no-unused-vars、no-console；Prettier 只管格式，比如缩进、引号、换行。两者职责不同，强行用 ESLint 的 --fix 去处理格式，容易和团队规则冲突，还可能破坏类型安全（尤其在 TS 中）。

常见错误现象：eslint-config-prettier 没装或没启用，导致 ESLint 报一堆格式类警告，比如 quotes、semi，而你根本不想手动修。

• 必须在 .eslintrc.js 的 extends 里加入 'prettier'（来自 eslint-config-prettier）
• VSCode 设置中关闭 ESLint 的自动格式化：设 "editor.formatOnSave": false，把格式化交给 Prettier
• Prettier 配置优先级高于 ESLint，所以 .prettierrc 里的 semi: false 不会被 ESLint 覆盖

Path Intellisense 为什么补全不了 @/components/？

它本身不识别别名，只认真实文件路径。要支持 @/ 这类别名，必须配合项目级路径映射配置。

使用场景：Vue/React 项目中大量使用 import Button from '@/components/Button.vue'，但插件默认只提示 ./components/ 这种相对路径。

前端设计优化skill

前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。

下载

• 在项目根目录加 jsconfig.json（JS 项目）或 tsconfig.json（TS 项目）
• 写入 "baseUrl": ".", "paths": { "@/*": ["src/*"] }
• 重启 VSCode 或执行 Developer: Reload Window
• 确认插件设置里启用了 path-intellisense.mappings 自动读取 tsconfig/jsconfig

Auto Rename Tag 在 Vue SFC 里失效？

默认只对 HTML/XML 文件生效，Vue 单文件组件的 <template></template> 区块需要显式启用支持。

常见错误现象：改了 <div> 但 <code>