vscode 快捷鍵生成vue模板,解決無法生效問題
阿新 • • 發佈:2021-11-02
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.生成程式碼
內測阿里雲盤,不會限速點。可以填內測碼 7182c53 https://pages.aliyundrive.com/mobile-page/web/beinvited.html?code=7182c53