vscode快速生成vue组件模板代码


1、文件-->首选项-->用户片段-->搜索vue-->点击vue.json

2、复制以下代码

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<!-- $1 -->",
            "<template>",
            "<div class='page'>"
            "",
            "</div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "data() {",
            "return {",
            "",
            "};",
            "},",
            "mounted() {",
            "",
            "},",
            "methods: {",
            "",
            "},",
            "}",
            "</script>",
            "<style scoped>",
            "",
            "</style>"
        ],
        "description": "Log output to console"
    }
}
 
 
3、上面代码中的 “prefix”: “vue”, 就是快捷键;保存代码,新建vue结尾的文件,在空页面中输入vue,点击回车即可


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM