配得上“刚需”，但必须手动配置别名映射（如{"@": "./src"}）并确保与tsconfig.json路径一致，否则ctrl+单击仍无法跳转@/components/button.vue。
别名路径跳转插件配不配得上“刚需”？
配得上，但必须手动配置才能生效，否则 @/components/Button.vue 这类路径 Ctrl+单击依然跳不了。常见错误是装完就以为自动支持 —— 实际上它默认只认 src 目录，而你的项目可能用 app 或 frontend 作根目录。
配置要点：
- 打开 VS Code 设置，搜索
@ext:lihuiwang.vue-alias-skip（插件 ID），进其专属配置页 - 填入你项目的实际别名映射，例如：
{"@": "./src", "@assets": "./src/assets"} - 如果用 Vite + TypeScript，还需确保
tsconfig.json中的compilerOptions.paths与插件配置一致，否则跳转成功但类型检查报错
Live Server 和 vscode-preview-server 选哪个？
日常静态页开发用 Live Server 就够了；但如果你常开多个前端项目、且需要快速切换预览端口或指定浏览器，vscode-preview-server 更稳。它的 Launch on browser 右键菜单比 Live Server 的底部状态栏按钮更不易误点。
注意两个坑：
-
Live Server默认端口5500，若本地已跑着 Vue CLI 或 Vite，会冲突报错EADDRINUSE -
vscode-preview-server不支持 HMR（热更新），改完 JS/CSS 仍需手动刷新，这点不如 Live Server - 两者都不处理构建产物（如
dist/目录），要预览打包后效果，得用http-server命令行工具
Auto Import 在 TSX 里为什么有时不补 import？
不是插件坏了，而是它依赖 TypeScript 语言服务的符号解析能力。常见原因有三个：
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 当前文件没被
tsconfig.json的include覆盖，TS 服务压根没加载它 - 你要导入的模块路径含动态拼接，比如
import(`./pages/${name}`)，Auto Import不处理运行时路径 - 组件来自第三方库但没提供类型声明（
.d.ts），插件找不到导出项，干脆不提示
临时解法：把光标停在未识别的组件名上，按 Ctrl+.（Windows）或 Cmd+.（Mac），手动触发快速修复。
Autoprefixer 真的能替代手动写前缀吗？
能，但只对标准 CSS 属性有效。像 backdrop-filter、aspect-ratio 这类较新属性，Autoprefixer 默认不加前缀 —— 它严格按 Can I Use 数据表来，而该表里 Safari 对 backdrop-filter 的支持标注为 “部分支持”，插件就选择不加 -webkit-。
如果你明确需要强制加前缀：
- 在 CSS 文件顶部加注释：
/* autoprefixer grid: autoplace */ - 或在
postcss.config.js里显式配置：browsers: ['> 1%', 'last 2 versions'] - 注意：加太激进的兼容目标（如 IE 11）会让生成代码膨胀，现代项目慎用
真正容易被忽略的是：Autoprefixer 不处理内联 style 或 JS 动态插入的样式，只扫描 .css、.scss 等文件内容。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
