vscode自定义代码片

1. vscode代码片段

• 左下角设置图标，点击代码片段

• 点击新建全局代码片段文件

• 输入文件名，回车

• 下面框里面设置代码片段

• 对应代码片的转化snippet-generator

  

2. JS或TS注解

• 对应文件输入javascript

  {
           "Print to console": {
                  "scope": "javascript,typescript",
                  "prefix": "javascript",
            "body": [
                  "/**",
                  " ****--@date ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
                  " ****--@author yizhiyang",
                  " ****--@description $0",
                  "**/"
          ],
                  "description": "Log output to console"
           }
  }
  

  

3. html或vue的注解

• 对应文件输入htmlvue

  {
           "Print to console": {
                  "scope": "html,vue",
                  "prefix": "htmlvue",
            "body": [
                  "<!--",
                  " ****--@date ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
                  " ****--@author yizhiyang",
                  " ****--@description $0",
                  "-->"
          ],
                  "description": "Log output to console"
           }
  }