Fork me on GitHub

Visual Studio Code Extension--snippets 详解

Posted on | Edited on | In | Views:
为提高代码的复用性和开发的效率

编写了一套vscode的代码片段插件 Visual Studio Code Extension–编写 生成好基础的代码之后(js/ts)差别不大

重点在 package.json For Example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
{
	"name": "faa-java-js-html-template",
	"displayName": "Faa-java&js&html-template",
	"description": "services for the faa'project",
	"version": "0.0.1",
	"publisher": "MarshallChang",
	"engines": {
		"vscode": "^1.23.0"
	},
	"categories": [
		"Snippets"
	],
	"activationEvents": [
	],
	"main": "./extension",
	"contributes": {
      "snippets": [
          {
              "language": "java",
              "path": "./snippets.json"
          },
          {
              "language": "javascript",
              "path": "./snippets.json"
          },
          {
              "language": "html",
              "path": "./snippets.json"
          },
          {
              "language": "properties",
              "path": "./snippets.json"
          }
      ]
	},
	"scripts": {
		"postinstall": "node ./node_modules/vscode/bin/install",
		"test": "node ./node_modules/vscode/bin/test"
	},
	"devDependencies": {
		"typescript": "^2.6.1",
		"vscode": "^1.1.6",
		"eslint": "^4.11.0",
		"@types/node": "^7.0.43",
		"@types/mocha": "^2.2.42"
	}
}

其中 contributes 中 snippets里的language为此插件在哪些文件类型下可以正常使用

不知道文件类型属于什么语言的可以在vscode界面使用 ctrl + shift + p 输入snippet 选择 Preferences: Configure User Snippets 进行查看

再在插件项目根目录下 新建 snippets.json 文件

内容示例:

1
2
3
4
5
6
7
8
{
	"Faa main application" : {
		"prefix" : "faa-app",
		"body" : "abc\n\t",
		"description" : "Faa main application",
		"scope" : ""
	}
}

完成代码片段的编写

Thanks for the support