好处:配置用户代码片段就是将常用的代码片段整合起来,下次使用直接用自己设置的快捷键+回车快速生成代码

设置步骤:

1.点击vscode左下角的设置图标,选择配置用户代码片段

 2.选择新建全局代码片段文件,输入文件名vue.json(就是名字.json,这里以vue.json为例),然后回车。

 

 3.第2步回车后,会生成一个文件,如下图

 prefix就是给你这个代码片段起个名字,使用的时候直接输这个名字,然后回车,就生成了

body里面放重复使用的代码,注意代码的每一行都要用双引号包裹,用逗号分隔每一行,例如

{
    "Print to console": {
        "prefix": "v1",
        "body": [
            "new Vue({",
			"  el:'#root',",
			"  data:{",
			"    name:'张三'",
			"  }",
            "})"
        ],
        "description": "Create vue template"
    }
}

注意: body里面的代码片段双引号里可以加空格保持代码片段的格式化

保存后,新建个html文件,在script内输入v1,然后回车,就会生成如下代码

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐