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

在vscode中,自定义代码片段,例vue组件的模板

2020-02-03 04:08 1421 查看

1----

2----  输入vue,  选 vue.json

 3----  在vue.json中编辑, 有说明

  a.  tab符,要用空格, 也可以转义

 4----   新建vue文件, 输入自定义的关键字, 就出现了

5----  上图的 自定义的 vd 代码段

"demo": {         "prefix": "vd",         "body": [             "<template>",             " <div class=\"$1\">",             " ",             " </div>",             "</template>",             " ",             "<script>",             "export default {",             " name: 'vueName',",             " data () {",             " return {",             " msg:'Welcome to your vueName'",               " }",             " }",             "}",             "</script>",             " ",             "<style scoped lang = \"sass\">",             " ",             "</style>"         ],         "description": "自定义的一个vue代码段,测试"     }

转载于:https://www.cnblogs.com/andy-lehhaxm/p/10412977.html

  • 点赞
  • 收藏
  • 分享
  • 文章举报
dibengshao7358 发布了0 篇原创文章 · 获赞 0 · 访问量 696 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: