生活随笔
收集整理的這篇文章主要介紹了
VSCode生成.vue模版
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
文件–>首選項–>用戶代碼片段–>點擊新建全局代碼片段==>取名vue確定
粘入自己寫的.vue模板
{"Print to console": {"prefix": "vue","body": ["","
<template>","
<div class='$2'>$5
</div>","
</template>","","
<script>","//這里可以導入其他文件（比如：組件，工具js，第三方插件js，json文件，圖片文件等等）","//例如：import 《組件名稱》 from '《組件路徑》';","","export default {","//import引入的組件需要注入到對象中才能使用","components: {},","data() {","//這里存放數據","return {","","};","},","//監聽屬性 類似于data概念","computed: {},","//監控data中的數據變化","watch: {},","//方法集合","methods: {","","},","//生命周期 - 創建完成（可以訪問當前this實例）","created() {","","},","//生命周期 - 掛載完成（可以訪問DOM元素）","mounted() {","","},","beforeCreate() {}, //生命周期 - 創建之前","beforeMount() {}, //生命周期 - 掛載之前","beforeUpdate() {}, //生命周期 - 更新之前","updated() {}, //生命周期 - 更新之后","beforeDestroy() {}, //生命周期 - 銷毀之前","destroyed() {}, //生命周期 - 銷毀完成","activated() {}, //如果頁面有keep-alive緩存功能，這個函數會觸發","}","</script>","
<style lang='scss' scoped>","//@import url($3); 引入公共css類","$4","</style>"],"description": "Log output to console"}
}
上面代碼中的 “prefix”: “vue”, 就是快捷鍵；保存好之后，新建.vue結尾的文件試試
總結
以上是生活随笔為你收集整理的VSCode生成.vue模版的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
