vscode 快捷鍵生成vue模板，解決無法生效問題

vscode 快捷鍵生成vue模板

1.打開

文件--》首選項--》用戶片段

2.搜索 選擇

 

 

 3.填寫快捷鍵的代碼 ，保存

prefix 表示快捷鍵為vue
body 表示快捷鍵后生成的代碼

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div>",
            "    $0",
            "  </div>",
            "</template>",
            "",
            "<script>",
            "",
            "  export default {",
            "    name:'',",
            "    props:[''],",
            "    data () {",
            "      return {",
            "",
            "      };",
            "    },",
            "",
            "    components: {},",
            "",
            "    computed: {},",
            "",
            "    created() {},",
            "",
            "    mounted() {},",
            "",
            "    methods: {},",
            
            "",
            "  }",
            "",
            "</script>",
            "<style lang='scss' scoped>",
            "",
            "</style>"
        ],
        "description": "三線碼工vue模板"
    }
}

4.創建vue文件

vscode 快捷鍵生成vue模板無法生效問題

注意*頁面右下角選擇語言模式為Vue，要不然不生效，被坑了半小時得到的經驗

 

 

 5.寫快捷鍵vue

 

 

 6.生成代碼