VSCode插件生成各类辅助文件的快捷操作-VSCode-PHP中文网

必须安装ms-vscode作者的doxygen documentation generator插件，配置"doxdocgen.c.triggersequence":"/**"并开启generate on type，光标置于函数声明正上方无空行处按enter才可生成含@param/@return的完整注释模板。

vscode插件生成各类辅助文件的快捷操作

怎么用插件快速生成 Doxygen 注释模板

Doxygen 注释不是靠手敲，而是靠插件自动补全——但必须配对启用两个关键设置，否则 /** 按回车后只出空行，不生成参数/返回值字段。

装好 Doxygen Documentation Generator 后，进 Settings.json 手动加这行："C_Cpp.doxygen.generatedStyle": "/**"（注意不是 /**/）
确保 Generate On Type 开关已打开，且光标停在函数声明行首（比如 int calc(int a, int b); 前），再按 Enter
如果函数有重载或模板，插件可能漏掉参数名，此时要手动补全 @param a 这类字段，别全信自动生成

HTML 文件一键生成骨架用哪个 snippet

不用装额外插件，VSCode 内置 snippet 就够用，但得记对触发词——输错大小写或符号都会失败。

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

新建 .html 文件后，直接输入 !（英文感叹号），然后按 Tab 或回车，就能生成完整 HTML5 结构
如果输 html:5 没反应，说明当前文件语言模式不是 html：右下角点击语言标识 → 选 HTML → 再试
想改默认骨架（比如加 viewport 或移除 charset），编辑 html.json 片段文件，路径是 %APPDATA%\Code\User\snippets\html.json（Windows）

Vue 组件文件怎么快速插入 `<template></template>` 结构

单靠内置 snippet 不够，得靠 Vue 3 Snippets 插件，但它的快捷键不是通用型，得盯准触发场景。

新建 .vue 文件后，输入 ，会弹出建议列表，第一个是 <code>vue-template，选它就插入完整三块结构
如果只想要 <script setup></script> 部分，输 vs + Tab；想要 <style scoped></style>，输 vs-style + Tab
插件默认不支持 <script lang="ts"></script> 的自动补全，得手动把 lang="ts" 加进去，否则后续类型提示可能失效

路径导入时怎么避免手敲 `../../` 这种错误

路径写错导致模块找不到，90% 是因为相对路径算错层级——Path Autocomplete 插件能实时提示，但默认不带扩展名，容易漏掉 .js 或 .vue。

安装插件后，在 settings.json 加这两项："path-autocomplete.extensionOnImport": true 和 "path-autocomplete.pathMappings": {"@": "${folder}/src"}
输入 import 后敲 ./，插件会列出当前目录下所有文件，选中即自动补全完整路径+扩展名
如果项目用了 vite.config.ts 里配置了别名（如 ~ 指向 src），插件默认不识别，得手动在 pathMappings 里加 "~": "${folder}/src"