在vscode中,自定義代碼片段,例vue組件的模板


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代碼段,測試"
    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM