vscode编辑器自动生成.vue文件

最新推荐文章于 2023-05-03 16:56:27 发布

weixin_30300225

最新推荐文章于 2023-05-03 16:56:27 发布

阅读量232

点赞数

文章标签： javascript 开发工具前端 ViewUI

原文链接：http://www.cnblogs.com/wm218/p/11176838.html

版权

1、选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，输入vue

选择vue后，编辑器会自动打开一个名字为vue.json的文件

2、复制以下内容到这个文件中：

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div></div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "  name: '',",
            "  data () {",
            "    return {",
            "      ",
            "    };",
            "  },",
            "  components: {},","  mounted () {},",
            "  methods: {}",
            "}",
            "</script>",
            "",
            "<style lang='stylus' scoped>",
            "</style>"
    ],
        "description": "Log output to console"
    }
}