vscode配置vue用户代码片段

  1. 打开vscode软件

  2. 选中左下角的设置按钮,再点击用户代码片段(如图)

  3. vscode配置vue用户代码片段_第1张图片

  4. 再选择vue.json文件/新建全局代码片段(如图)
    在这里插入图片描述

  5. 进行相关配置(如下代码)

{
	"Vue2 quickly build template": {
		"prefix": "vue2Init",
		"body": [
		  "",
		  "",
		  "",
		  "",
		  "",
		  "",
		  ""    
		],
	  "description": "vue2快速构建模板"
	 },
	"Vue3 quickly build template": {
		  "prefix": "vue3Init",
		  "body": [
			"\n",
			"\n",
			"",
			"$2"
		  ],
		  "description": "vue3快速构建模板"
	}
}
  1. 在页面上面如何使用(如图)
    vscode配置vue用户代码片段_第2张图片
    vscode配置vue用户代码片段_第3张图片
    上图是vue3Init生成的模版

  2. 我配置了两个vue快速构建模版,一个vue2版本,一个vue3版本,觉得有用 喜欢请大家点赞●▽●

你可能感兴趣的:(vue,vscode,vue.js,ide)