Vue項目註釋模板

時間 2019-11-13

標籤 vue 項目註釋模板简体版

原文原文鏈接

此內容只適用於vscodejavascript

1.打開項目-》按快捷鍵-》ctrl+shift+pcss

2.選擇紅線選中的內容，若是是中文版看以下圖片html

若是是英文版看以下圖vue

3.就開始進行配置java

你們根據這張圖來配置內容json

在輸入框中輸入css點擊回車，而後會進入css.json 的文件spa

{
    "Print to cssTitle": {
        "prefix": "cssNoteTitle",
        "body": [
            "/*",
            " *@description:  ",
            " *@author: 張三 ",
            " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
            " *@version V1.0.5 ",
            "*/"
        ],
        "description": "Title對應css註釋標題"
    },
    "Print to cssItem":{
        "prefix": "cssNoteItem",
        "body": [
            "/*",
            " *@description: ",
            " *@author: 張三 ",
            " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
            "*/"
        ],
        "description": "Item對應css類註釋"
    }
}

html.json。操做方式相似css3d

{
    "Print to htmlTitle": {
        "prefix": "htmlNoteTitle",
        "body": [
            "<!--\n * All rights Reserved, Designed By www.yingfeng365.com \n * @version V1.0.5 \n * @description: $3 \n * @author: 查嘉磊 \n  * @copyright: 2018 http://www.yingfeng365.com \n * 注意：本內容僅限於 江蘇灜灃信息科技有限公司，禁止外泄以及用於其餘的商業\n !-->"
        ],
        "description": "Start在html區塊開始時使用"
    },
    "Print to htmlItem":{
        "prefix": "htmlNoteItem",
        "body": [
            "/*\n * @description: $0 \n * @author: 張三 \n*/"
        ],
        "description": "End在html區塊開始時使用"
    }
}

javascript.json 操做方式相似csscode

{
    "Print to jsNoteTitle": {
        "prefix": "jsNoteTitle",
        "body": [
            "/*",
            " *@description:",
            " *@author: 張三",
            " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
            " *@version: V1.0.5",
            "*/"
        ],
        "description": ""
    },
    "Print to jsfn": {
        "prefix": "jsfn",
        "body": [
            "/*",
            " *@functionName: ${TM_CURRENT_LINE}",
            " *@params1: ${1:參數1}",
            " *@params2: ${2:參數2}",
            " *@params3: ${3:參數3}",
            " *@params4: ${4:參數4}",
            " *@description:",
            " *@author: 張三",
            " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
            " *@version: V1.0.5",
            "*/"
        ],
        "description": ""
    },
    "Print to jsModify": {
        "prefix": "jsModify",
        "body": [
            "/*",
            " *@description:",
            " *@modifyContent:",
            " *@author: 張三",
            " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
            "*/"
        ],
        "description": ""
    },
    "Print to jsVariable": {
        "prefix": "jsVariable",
        "body": [
            "/*",
            " *@description:",
            " *@author: 張三",
            " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
            " *@variable1: ${1:變量1}",
            " *@variable2: ${2:變量2}",
            " *@variable3: ${3:變量3}",
            " *@variable4: ${4:變量4}",
            " *@variable5: ${5:變量5}",
            "*/"
        ],
        "description": ""
    },
    
}

scss.json 操做方式相似csshtm

{
    "Print to scssTitle": {
        "prefix": "scssNoteTitle",
        "body": [
            "/*",
            " * @description:  ",
            " * @author: 張三 ",
            " * @date: $0 ",
            " * @version V1.0.5 ",
            "*/"
        ],
        "description": ""
    },
    "Print to scssItem":{
        "prefix": "scssNoteItem",
        "body": [
            "/*",
            " * @description: ",
            " * @author: 張三 ",
            " * @date: $0 ",
            "*/"
        ],
        "description": ""
    }
}

vue-html.json 操做方式相似css

{
    "Print to htmlStart":{
        "prefix": "htmlStart",
        "body": [
            "<!--  $0start   @author: 張三  !-->"
        ],
        "description": "Start在html區塊開始時使用"
    },
    "Print to htmlItem":{
        "prefix": "htmlEnd",
        "body": [
            "<!--  $0end   @author: 張三  !-->"
        ],
        "description": "End在html區塊結束時使用"
    }
}

vue.json 操做方式相似css

{
    "Print to vueTitle": {
        "prefix": "vueTitle",
        "body": [
            "<!-- ",
            " * @description: ",
            " * @fileName: ${TM_FILENAME} ",
            " * @author: 張三 ",
            " * @date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND} ",
            " * @後臺人員: $1 ",
            " * @path: $2 ",
            " * @version: V1.0.5 ",
            "!-->"
        ],
        "description": ""
    }
}