让你写代码更方便,代码片段

一.在vscode上如何配置一些简单的代码片段

1.先看一下配置完后的效果

在vue组件里面输入完毕 ,vue按下空格后。

2.现在我们简单的来说一下是如何进行配置的

图1:

图2:

 图3:给项目取一个名字

 图4:(在生成的代码里面添加一些配置项)

{
	"Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "   <div class=\"\">\n",
            "   </div>",
            "</template>\n",
            "<script>",
            "export default {",
            "   name: '',",
            "   data() {",
            "       return {}",
            "   },",
            "  components: {}",
            "}",
            "</script>\n",
            "<style scoped lang=\"less\">",
            "</style>",
            "$2"
        ],
        "description": "Log output to console"
    }
}

(3)即可实现按下vue出现重复代码片段的效果

(4)对于取名字的讲究

     抛出一个问题,为什么非要以vue开头呢?取名字大有讲究

图示:prefix-----前缀

 取什么名字就以这个来开头,即可生成对应的代码片段。

二.在配置一些片段的时候,可能配置一些无效的代码片段。

(1)例如:(要将这一配置项进行删除)

(2)如何处理(在电脑的目录下删除对应的文件即可)

(3)右击删除不用的