vscode操作-用户代码片段的使用方法

最新推荐文章于 2024-07-29 13:42:24 发布

myazwj

最新推荐文章于 2024-07-29 13:42:24 发布

阅读量2.9k

点赞数 1

文章标签： vscode ide visual studio code

本文链接：https://blog.csdn.net/myazwj/article/details/121303937

版权

本文介绍了如何在Visual Studio Code(VSCode)中创建自定义代码片段以提高编程效率。通过设置->用户代码片段，创建自己的关键字，定义代码主体和描述，例如给出的Vuex代码片段示例，用于快速生成Vuex模块结构。利用代码片段，开发者可以便捷地生成常用代码模板，减少重复劳动，提升开发速度。

摘要由CSDN通过智能技术生成

一.首先是打开vscode，在里面点击设置，然后点击用户代码片段会出现，新代码片段

二.然后点击新代码片段，输入你自己定义的名字，然后会出现如下

三.然后就可以在里面开始做你要编辑代码快捷键生成代码片段

一.首先是打开vscode，在里面点击设置，然后点击用户代码片段会出现，新代码片段

二.然后点击新代码片段，输入你自己定义的名字，然后会出现如下

三.然后就可以在里面开始做你要编辑代码快捷键生成代码片段

这是定义的vuex代码片段，如下：

"Print to vuex": {
		"prefix": "vuex",
		"body": [
			"const state = {}",
			"const mutations = {}",
			"const actions = {}",
			"const getters = {}",
			"export default {",
			"\tstate,",
			"\tmutations,",
			"\tactions,",
			"\tgetters,",
			// 开启命名空间
			"\tnamespaced: true",
			"}",
		],
		"description": "函数式组件"
	}

说明：

prefix :呼出代码片段的关键字，输入此内容就可以调出代码片段。

body :代码段的主体.需要编写的代码放在这里,

description :代码段描述。输入prefix后编辑器显示的提示信息。

换行效果：\r或者\n

缩进效果：\t，表示一个tab键的缩进。

小结：自定义代码段可以大大提升工作效率：用较少的代码生成一段较长的代码。