您的位置:首页 > Web前端 > Vue.js

VScode用户代码片段——全面快速生成vue片段

2019-09-14 11:33 477 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/hui_54520/article/details/100824721

在VScode编译器中,文件 – 首选项 – 用户代码片段
输入:vue 回车键自动生产vue.code-snippets

输入以下代码:这样当你输入vue的时候,就可以快速生成这些代码片段。
注:配置没有生效记得重启软件

"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div>\n",
" </div>",
"</template>\n",
"<script>",
" export default {",
"   data () {",
"     return {\n",
"     }",
"   },",
"   created() {\n",
"   },",
"   methods: {\n",
"   }",
" }",
"</script>\n",
"<style lang='less' scoped>\n",
" ",
"</style>",
"$2"
],
"description": "Log output to console"
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: