1.
在文件——首選項-----用戶代碼片段—搜索vue.json,這是設置的vue文件里邊生成模板的,
如果需要在js文件下生成注釋的,就搜索javascript。json
2.
把下面的代碼復制進去
3.
重啟vscode,新建頁面的時候輸入vue,回車,快速生成vue模板
"Print to console": {
? ? ? ? "prefix": "vue",
? ? ? ? "body": [
? ? ? ? ? ? "<template>",
? ? ? ? ? ? " ?<div></div>",
? ? ? ? ? ? "</template>",
? ? ? ? ? ? "",
? ? ? ? ? ? "<script>",
? ? ? ? ? ? "export default {",
? ? ? ? ? ? " ?components: {},",
? ? ? ? ? ? " ?props: {},",
? ? ? ? ? ? " ?data() {",
? ? ? ? ? ? " ? ?return {",
? ? ? ? ? ? " ? ?};",
? ? ? ? ? ? " ?},",
? ? ? ? ? ? " ?watch: {},",
? ? ? ? ? ? " ?computed: {},",
? ? ? ? ? ? " ?methods: {},",
? ? ? ? ? ? " ?created() {},",
? ? ? ? ? ? " ?mounted() {}",
? ? ? ? ? ? "};",
? ? ? ? ? ? "</script>",
? ? ? ? ? ? "<style lang=\"scss\" scoped>",
? ? ? ? ? ? "</style>"
? ? ? ? ],
? ? ? ? "description": "A vue file template"
? ? },
? ? "Print to zhushi": {
? ? ? ? "prefix": "zhushi",
? ? ? ? "body": [
? ? ? ? ? ? "<!--",
? ? ? ? ? ? "* @Description: $0",
? ? ? ? ? ? "* @Author: your name",
? ? ? ? ? ? "* @Date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
? ? ? ? ? ? "* @LastEditTime: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
? ? ? ? ? ? "* @LastEditors: Please set LastEditors",
? ? ? ? ? ? "-->"
? ? ? ? ],
? ? ? ? "description": "a zhushi mode"
? ? },
? ? "Print to func": {
? ? ? ? "prefix": "func",
? ? ? ? "body": [
? ? ? ? ? ? "/**",
? ? ? ? ? ? " * @func $1",
? ? ? ? ? ? " * @Description $2",
? ? ? ? ? ? " * @Author: your name",
? ? ? ? ? ? " * @param {$3} $4 $5",
? ? ? ? ? ? " * @return {$6} $7",
? ? ? ? ? ? " */"
? ? ? ? ],
? ? ? ? "description": "a func mode"
? ? }
================================分割線==================================
修改了一下vue版本的升級模板vue。json
"Print to console": {
? ? ? ? "prefix": "vue",
? ? ? ? "body": [
? ? ? ? ? ? "<!--",
? ? ? ? ? ? "* @Description: $0",
? ? ? ? ? ? "* @Author: your name",
? ? ? ? ? ? "* @Date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
? ? ? ? ? ? "* @LastEditTime: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
? ? ? ? ? ? "* @LastEditors: Please set LastEditors",
? ? ? ? ? ? "-->",
? ? ? ? ? ? "",
? ? ? ? ? ? "<template>",
? ? ? ? ? ? " ?<div></div>",
? ? ? ? ? ? "</template>",
? ? ? ? ? ? "",
? ? ? ? ? ? "<script>",
? ? ? ? ? ? "export default {",
? ? ? ? ? ? " ?// 組件名稱",
? ? ? ? ? ? " ?name: '',",
? ? ? ? ? ? " ?// 組件參數 接收來自父組件的數據",
? ? ? ? ? ? " ?props: {},",
? ? ? ? ? ? " ?// 局部注冊的組件",
? ? ? ? ? ? " ?components: {},",
? ? ? ? ? ? " ?// 組件狀態值",
? ? ? ? ? ? " ?data() {",
? ? ? ? ? ? " ? ?return {",
? ? ? ? ? ? " ? ?};",
? ? ? ? ? ? " ?},",
? ? ? ? ? ? " ?// 計算屬性",
? ? ? ? ? ? " ?computed: {},",
? ? ? ? ? ? " ?// 偵聽器",
? ? ? ? ? ? " ?watch: {},",
? ? ? ? ? ? " ?// 組件方法",
? ? ? ? ? ? " ?methods: {},",
? ? ? ? ? ? " ?// 以下是生命周期鉤子 ? 注:沒用到的鉤子請自行刪除",
? ? ? ? ? ? " ?/**",
? ? ? ? ? ? " ? * 在實例初始化之后,組件屬性計算之前,如data屬性等",
? ? ? ? ? ? " ? */",
? ? ? ? ? ? " ?beforeCreate() {},",
? ? ? ? ? ? " ?/**",
? ? ? ? ? ? " ? * 組件實例創建完成,屬性已綁定,但DOM還未生成,$ el屬性還不存在",
? ? ? ? ? ? " ? */",
? ? ? ? ? ? " ?created() {},",
? ? ? ? ? ? " ?/**",
? ? ? ? ? ? " ? * 在掛載開始之前被調用:相關的 render 函數首次被調用。",
? ? ? ? ? ? " ? */",
? ? ? ? ? ? " ?beforeMount() {},",
? ? ? ? ? ? " ?/**",
? ? ? ? ? ? " ? * el 被新創建的 vm.$ el 替換,并掛載到實例上去之后調用該鉤子。",
? ? ? ? ? ? " ? * 如果 root 實例掛載了一個文檔內元素,當 mounted 被調用時 vm.$ el 也在文檔內。",
? ? ? ? ? ? " ? */",
? ? ? ? ? ? " ?mounted() {}",
? ? ? ? ? ? "};",
? ? ? ? ? ? "</script>",
? ? ? ? ? ? "<!-- Add 'scoped' attribute to limit CSS to this component only -->",
? ? ? ? ? ? "<!-- 使用了scoped屬性之后,父組件的style樣式將不會滲透到子組件中, -->",
? ? ? ? ? ? "<!-- 然而子組件的根節點元素會同時被設置了scoped的父css樣式和設置了scoped的子css樣式影響, -->",
? ? ? ? ? ? "<!-- 這么設計的目的是父組件可以對子組件根元素進行布局。 -->",
? ? ? ? ? ? "<style lang=\"scss\" scoped>",
? ? ? ? ? ? "</style>"
? ? ? ? ],
? ? ? ? "description": "A vue file template"
? ? },
javascript.json文件
"Print to shuoming": {
? ? ? ? "prefix": "shuoming",
? ? ? ? "body": [
? ? ? ? ? ? "/*",
? ? ? ? ? ? "* @Description: $0",
? ? ? ? ? ? "* @Author: your name",
? ? ? ? ? ? "* @Date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE",
? ? ? ? ? ? "* @LastEditTime: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE",
? ? ? ? ? ? "* @LastEditors: Please set LastEditors",
? ? ? ? ? ? "*/"
? ? ? ? ],
? ? ? ? "description": "a zhushi mode"
? ? },
? ? "Print to zhushi": {
? ? ? ? "prefix": "zhushi",
? ? ? ? "body": [
? ? ? ? ? ? "/**",
? ? ? ? ? ? " * @Description $1",
? ? ? ? ? ? " * @Author $2",
? ? ? ? ? ? " * @param {$3} $4 $5",
? ? ? ? ? ? " * @return {$6} $7",
? ? ? ? ? ? " */"
? ? ? ? ],
? ? ? ? "description": "a func mode"
? ? }