欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vsCode中用户自定义代码片段

程序员文章站 2024-03-23 20:18:16
...

1.点击页面左下角设置按钮,然后点击用户代码片段

vsCode中用户自定义代码片段

2.会出现一个弹框,这是你只需要点击新增代码片段按钮

vsCode中用户自定义代码片段

3.这里是让我们输入我们自定义代码片段的名称

vsCode中用户自定义代码片段

4.点击之后会进入到一个这样的页面,我们自定义的代码片段都是在这个里面 进行书写的

vsCode中用户自定义代码片段

5..我是自己定义了一个vue的自动生成的代码,为了复制,我会直接代码复制在下面

"vue": {
        "prefix": "vm",
        "body": [

            "<!DOCTYPE html>",
            "<html lang='en'>",

            "<head>",
            "<meta charset='UTF-8'>",
            "<meta name='viewport' content='width=device-width, initial-scale=1.0'>",
            "<meta http-equiv='X-UA-Compatible' content='ie=edge'>",
            "<title>Document</title>",
            "</head>",

            "<body>",
            "<div id='app'>",

            "</div>",

            "<script>",

            "var vm = new Vue({",
            " el: '#app',",
            "data: {",

            " }",
            " });",
            "</script>",
            "</body>",
            "</html>",
        ],
        "description": "vue实例对象"
    }

注:在body里面的代码,要用英文的双引号引起来,里面要用引号的地方必须用单引号,并且每行之间末尾要用逗号进行隔开。

保存,然后在新建的页面里面,只需要输入prefix里面简写方式,敲击回车,就能帮助我们自动生成我们想要的代码片段了。