vscode code snippet
code snippet,翻译为 代码片段
。我们主要享受的就是 vscode 一揽子插件提供的基础代码提示。
自建代码提示
基于以下原因自建代码提示:
- vscode 插件提供的代码片段实在是太少了。vscode 插件不能有效的针对不同的业务提供合适的写法。
- vscode 插件本身不能提供基于项目特征的代码片段。
使用 vscode-code-snippets-builder
用此工具批量生成特定规则的代码片段。
仓库重构了
现在叫做 codess 。
个人常用的全局代码片段 common.code-snippets
该代码片段仅命名为 common.code-snippets
,作为全局常用的配置。在基于 vscode 的 AI 编程工具越来越多的情况下,为了实现更好的配置复用,故在此特别声明。
尽可能保证该文件及时更新:
详情
// file:snippets
// Generated by codess,Please do not modify it
// codess Official website: https://codess.dumogu.top
{
"annotation": {
"scope": "",
"prefix": "annotation",
"body": ["/** $1 */"],
"description": "通用的注释模板。",
},
"annotation-annotation-toset javascript": {
"scope": "javascript",
"prefix": "annotation-annotation-toset",
"body": ["/** @type { $1 } */"],
"description": "通用的注释模板。多了一个额外的占位符,表示应该替换并填充值。\n\n\n\n通用的注释模板。特指常用的 jsdoc @type 的模板。主要用在给单个变量导入 typescript 类型。",
},
"annotation-annotation-toset typescript|javascript": {
"scope": "typescript,javascript",
"prefix": "annotation-annotation-toset",
"body": ["/** toset */"],
"description": "通用的注释模板。多了一个额外的占位符,表示应该替换并填充值。\n\n\n\n通用的注释模板。特指常用的 jsdoc @type 的模板。主要用在给单个变量导入 typescript 类型。",
},
"md-details markdown": {
"scope": "markdown",
"prefix": "md-details",
"body": ["::: details", "", ":::"],
"description": "vuepress、vitepress 能是识别的折叠栏语法",
},
"md-t markdown": {
"scope": "markdown",
"prefix": "md-t",
"body": ["# $TM_FILENAME_BASE", ""],
"description": "md 标题",
},
"md`ts markdown": {
"scope": "markdown",
"prefix": "md`ts",
"body": ["```ts", "", "```"],
"description": "ts的代码块",
},
"vue3-init vue": {
"scope": "vue",
"prefix": "vue3-init",
"body": [
"<script lang=\"ts\" setup>",
"import { ref, computed, watch } from \"vue\";",
"</script>",
"",
"<template>",
"\t<section class=\"$TM_FILENAME_BASE-root\"></section>",
"</template>",
"",
"<style lang=\"scss\" scoped>",
".$TM_FILENAME_BASE-root {",
"}",
"</style>",
],
"description": "初始化 vue3+ts 的模板。",
},
}