一.在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)右击删除不用的