配置vscode的快速注釋生成方式

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"

? ? }

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容