ESLint 配置不与 Prettier 冲突的关键是：安装 eslint-config-prettier 插件，在 .eslintrc.js 的 extends 中将其置于末尾（如 ['airbnb', 'prettier']），并设 VSCode 默认格式化器为 Prettier，禁用 ESLint 自动格式化。
ESLint 怎么配才不和 Prettier 冲突
直接装 ESLint 和 Prettier 插件，保存时大概率会互相打架：一个加了分号，另一个又删掉；一个要求双引号，另一个强制单引号。根本原因是两者都试图改代码格式，但规则没对齐。
- 必须在项目里装
eslint-config-prettier，它专门用来关掉 ESLint 里所有和格式相关的规则 -
.eslintrc.js中extends要把prettier放最后，比如：['airbnb', 'plugin:react/recommended', 'prettier'] - VSCode 的
settings.json里设"editor.defaultFormatter": "esbenp.prettier-vscode"，别让 ESLint 插件抢着格式化 - 运行
npx eslint --fix时加--ext .js,.jsx,.ts,.tsx显式指定文件类型，避免扫到 JSON 或配置文件
Path Intellisense 为什么补全不了 @/components
写了 import Button from '@/components/Button.vue'，但输入 @/ 后没提示，不是插件坏了，而是它压根不知道 @ 指向哪。VSCode 默认只认相对路径和 node_modules，alias 是项目自己定义的。
前端设计优化skill
下载
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 必须在项目根目录建
jsconfig.json（TS 项目用tsconfig.json），写清楚baseUrl和paths - 示例配置：
{"compilerOptions":{"baseUrl":".","paths":{"@/*":["src/*"]}}} - 改完配置后要重启 VSCode，或者按
Ctrl+Shift+P→ 输入Restart TS Server刷新语言服务 - 如果用了 Vite，还要确认
vite.config.ts里resolve.alias和jsconfig.json里的路径一致，否则跳转会失败
Auto Rename Tag 修改 div 后闭合标签没变
改了 <div class="card"> 成 <code><section class="card"></section>，但
