下載安裝

VSCode官網(wǎng)：https://code.visualstudio.com
VSCode下載地址：https://code.visualstudio.com/Download

官網(wǎng)打開是這個(gè)樣子的溺拱，兩個(gè)藍(lán)色按鈕都能下載VSCode

在這里插入圖片描述

下載之后正常安裝即可执解，最后添加個(gè)桌面快捷方式

請?zhí)砑訄D片描述

添加中文插件：chinese

啟動(dòng)VSCode之后或听，選擇extensions(或者ctrl+shift+X)，搜索chinese安裝重啟即可

在這里插入圖片描述

賬戶同步

如果之前使用過VSCode审丘，并且設(shè)置了賬戶同步，可直接登錄把之前的配置全部同步過來

在這里插入圖片描述

在這里插入圖片描述

插件

注釋插件 ：koroFileHeader

在vscode中用于生成文件頭部注釋和函數(shù)注釋的插件
github地址：https://github.com/OBKoro1/koro1FileHeader
koroFileHeader 配置字段

在 Vscode 擴(kuò)展商店中搜索 koroFileHeader勾给，點(diǎn)擊安裝即可滩报。
打開文件->首選項(xiàng)->設(shè)置，搜索 FileHeader 進(jìn)行設(shè)置

請?zhí)砑訄D片描述

使用：

文件頭部添加注釋:
快捷鍵：window：ctrl+alt+i,mac：ctrl+cmd+I
在光標(biāo)處添加函數(shù)注釋:
快捷鍵：window：ctrl+alt+t,mac：ctrl+cmd+t

默認(rèn)效果：

/*
 * @Author: your name
 * @Date: 2021-08-07 09:38:51
 * @LastEditTime: 2021-08-08 10:45:06
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: 
 */

<!--
 * @Author: your name
 * @Date: 2021-08-07 09:38:51
 * @LastEditTime: 2021-08-08 10:45:06
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: 
-->

/**
* @description: 
* @param {*} param
* @return {*}
*/  

自定義配置播急，其它配置可參考github配置字段

  // --------------------  koro1FileHeader 配置  --------------------
  // 頭部注釋
  "fileheader.customMade": {
    "Author": "AuthorName",
    "Date": "Do not edit", // 文件創(chuàng)建時(shí)間(不變)
    "LastEditors": "AuthorName", // 文件最后編輯者
    "LastEditTime": "Do not edit", // 文件最后編輯時(shí)間
    "Description": ""
    // "FilePath": "only file name", // 只有文件名
    // "custom_string_obkoro1_copyright": "Copyright (C) ${now_year} AuthorName. All rights reserved.",
    // "custom_string_obkoro1_date": "Do not edit" // 不帶Date前綴的時(shí)間
  },
  // 函數(shù)注釋
  "fileheader.cursorMode": {
    "description": "",
    //"custom_string_obkoro1": "",
    "param": "params",
    "return": ""
  },
  // 插件配置項(xiàng)
  "fileheader.configObj": {
    "createHeader": false, // 新建文件自動(dòng)添加頭部注釋露泊，默認(rèn)打開
    "autoAdd": false, // 保存自動(dòng)添加頭部注釋，開啟才能自動(dòng)添加旅择，默認(rèn)開啟
    "openFunctionParamsCheck": true, //函數(shù)注釋自動(dòng)提取函數(shù)的參數(shù)惭笑，默認(rèn)開啟
    "createFileTime": true, // 默認(rèn)為此文件的創(chuàng)建時(shí)間，設(shè)為false更改為當(dāng)前生成注釋的時(shí)間
    "dateFormat": "YYYY-MM-DD HH:mm:ss", // 默認(rèn)時(shí)間格式生真，修改影響所有時(shí)間字段
    // 自定義注釋中的艾特和冒號(hào)：
    "atSymbol": ["@", "@"], // 所有文件的頭部注釋和函數(shù)注釋的默認(rèn)值 @
    "colon": [": ", ": "] // 所有文件的頭部注釋和函數(shù)注釋的默認(rèn)值 :
    // 自定義特殊字段名沉噩，Date、LastEditTime柱蟀、LastEditors川蒙、Description、FilePath
    // "specialOptions": {
    //   "Date": "since",
    //   "LastEditTime": "lastTime",
    //   "LastEditors": "LastAuthor",
    //   "Description": "message",
    //   "FilePath": "文件相對于項(xiàng)目的路徑"
    // }
    // 函數(shù)參數(shù)配置
    // "functionParamsShape": "normal", // 正常
    // "functionParamsShape": "no bracket", // 沒有方括號(hào)
    // "functionParamsShape": "no type", // 沒有類型
    // "functionParamsShape": [ "{", "}"], // 函數(shù)參數(shù)外形自定義长已，默認(rèn)值 {}
    // "functionTypeSymbol": "*", // 參數(shù)沒有類型時(shí)的默認(rèn)值 *
    // 函數(shù)設(shè)置不添加參數(shù)和類型 {*}
    // "functionParamsShape": "no type", // 沒有類型
    // "functionTypeSymbol": "" // 參數(shù)沒有類型時(shí)的默認(rèn)值 *
  }
  // --------------------  koro1FileHeader 配置  --------------------

自定義配置效果：

/*
 * @Author: AuthorName
 * @Date: 2021-08-08 11:32:15
 * @LastEditors: AuthorName
 * @LastEditTime: 2021-08-08 12:50:45
 * @Description: 
 */
/**
* @description: 
* @param {*} param
* @return {*}
*/  

自定義配置2

  // --------------------  koro1FileHeader 配置  --------------------
  // 頭部注釋
  "fileheader.customMade": {
    "FilePath": "only file name", // 只有文件名
    "custom_string_obkoro1": "",
    "Date": "Do not edit", // 文件創(chuàng)建時(shí)間(不變)
    "custom_string_obkoro1_copyright": " Copyright (c) ${now_year} AuthorName. All rights reserved.",
    "Description": ""
  },
  // 函數(shù)注釋
  "fileheader.cursorMode": {
    // "custom_string_obkoro1": "",
    "param": "",
    "return": ""
  },
  // 插件配置項(xiàng)
  "fileheader.configObj": {
    "createHeader": false, // 新建文件自動(dòng)添加頭部注釋畜眨，默認(rèn)打開
    "autoAdd": false, // 保存自動(dòng)添加頭部注釋，開啟才能自動(dòng)添加术瓮，默認(rèn)開啟
    "openFunctionParamsCheck": true, //函數(shù)注釋自動(dòng)提取函數(shù)的參數(shù)康聂，默認(rèn)開啟
    "createFileTime": true, // 默認(rèn)為此文件的創(chuàng)建時(shí)間，設(shè)為false更改為當(dāng)前生成注釋的時(shí)間
    "dateFormat": "YYYY/MM/DD", // 默認(rèn)時(shí)間格式胞四，修改影響所有時(shí)間字段
    // 自定義注釋中的艾特和冒號(hào)：
    "atSymbol": ["", "@"], // 所有文件的頭部注釋和函數(shù)注釋的默認(rèn)值 @
    "colon": ["", ": "], // 所有文件的頭部注釋和函數(shù)注釋的默認(rèn)值 :
    // 自定義特殊字段名恬汁，Date、LastEditTime辜伟、LastEditors氓侧、Description、FilePath
    "specialOptions": {
      "FilePath": " ",
      "Date": " Created by AuthorName on ",
      "Description": " description："
    },
    // 函數(shù)參數(shù)配置
    "functionParamsShape": "no type", // 沒有類型
    "functionTypeSymbol": "" // 參數(shù)沒有類型時(shí)的默認(rèn)值 *
  }
  // --------------------  koro1FileHeader 配置  --------------------

自定義配置效果2：

<!--
 *  base-navbar.vue
 * 
 *  Created by AuthorName on 2021/08/07
 *  Copyright (c) 2021 AuthorName. All rights reserved.
 *  description：
-->

/**
 * 
 * @param s
 * @return no
 */