在vscode中使用代码片段

---
title: 在vscode中使用代码片段
date: 2018-06-09 16:29:00
updated: 2018-06-10 12:00:00
categories:
- 代码片段
- 文本编器
tags:
- nodejs
---

#为何使用？

快速地简单得输入重复的代码

#触发提示？

# 方式01：
ctrl +space
# 方式02
tap

#创建片段？

# 存放位置
#2 工程目录
.vscode

#2 用户目录

#2 全局目录

# 文件名字
#2 指定语言
#3 shellscript.json
#3 全部语言
#  .code-snippets

#2 示例
.vscode/shellscript.code-snippets
.vscode/shellscript.json

# 文件内容

#绑快捷键？

{
  // 快捷按键
  "key": "cmd+k 1",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    // 指定语言
    "langId": "csharp",
    // 片段文件
    "name": "myFavSnippet"
  }
}

#共享片段？

#01添加下面字段到package.json
"contributes": {
    "snippets": [
      {
        // 指定语言
        "language": "shellscript",
        // 指定路径
        "path": ".vscodes/shellscript.code-snippets"
      }
    ]
  }
#02 添加下面字段到package.json
"categories": ["Snippets"]

#03 提交到代码仓库
#2 github
#2 npm
#2 vscode market

#我的片段？

my-shellscript-snippet-in-github
my-shellscript-snippet-in-npm
my-shellscript-snippet--in-vscode-marketplace

参考文献

vscode-offical-user-defined-snippets
vscode-offical-snippet-guide
vscode-offical-publishing-extension
vscode-vue-snippets