VS Code原生支持代码片段，无需插件即可快速生成Vue3组件模板；需通过Ctrl+Shift+P调出命令面板，选择“Preferences: Configure User Snippets”并新建全局vue3.json文件，配置prefix为vue3、body含script setup/template/style结构及合理光标跳转位置($1、$2、$3、$0)，默认style使用lang="css"确保兼容性，且须在新创建的.vue文件中触发。
Vue项目里怎么快速生成标准组件结构
不用手动敲 <script setup>、<template>、<style scoped> 三块，直接输入自定义前缀再按 Tab 就能生成。前提是配置好代码片段：vue.json 文件里加一条 "prefix": "vue3" 的规则，body 写清楚标签顺序和换行。注意 lang='less' 这类属性要写全，否则新建的 <style> 标签可能没语法高亮或编译报错。
为什么 Ctrl+D 改变量名总漏改某些地方
Vue 单文件组件里，Ctrl+D 默认只匹配当前光标所在作用域的文本——比如在 <script setup> 里选中 count，它不会自动选中 <template> 里的 {{ count }}。这不是 bug，是作用域隔离设计。真要全局改，得先用 Ctrl+Shift+F 全局搜索，或用 F2（重命名）触发语义级重构——但前提是 Volar 插件已启用且项目配置正确，否则 F2 会失效。
Alt+Click 多光标编辑在 Vue 模板里容易出问题
在 <template> 区域用 Alt+Click 打多个光标时，如果点的位置靠近插值表达式（如 {{ item.name }}）或指令（如 v-if），VSCode 有时会把光标吸进表达式内部，导致后续输入破坏语法结构。稳妥做法是：先用 Ctrl+D 选中关键词，再按 Ctrl+Shift+L 全文匹配；或者把光标点在标签名、属性名的纯文本区域，避开大括号和冒号。
格式化 Vue 文件时 Prettier 和 Volar 谁说了算
两者冲突很常见：Shift+Alt+F 触发的格式化行为取决于当前文件类型和插件优先级。Vue 文件默认由 Volar 提供格式化支持，但如果你装了 Prettier 并在 settings.json 里设了 "prettier.enable": true，它可能接管 <script> 和 <style>，却不管 <template>。最稳的方案是关掉 Prettier 对 Vue 的支持，只留 Volar；或者明确指定 "editor.defaultFormatter": "Vue.volar"，避免格式化结果不一致。
立即学习“前端免费学习笔记（深入）”；
Vue 的快捷键看似简单，但真正卡住人的往往不是记不住组合键，而是没搞清背后的作用域边界、插件职责划分和配置优先级。
