下载安装
VSCode官网：https://code.visualstudio.com
VSCode下载地址：https://code.visualstudio.com/Download
官网打开是这个样子的，两个蓝色按钮都能下载VSCode
在这里插入图片描述
下载之后正常安装即可，最后添加个桌面快捷方式
请添加图片描述
添加中文插件：chinese
启动VSCode之后，选择
extensions(或者ctrl+shift+X)，搜索chinese安装重启即可
在这里插入图片描述
账户同步
如果之前使用过VSCode，并且设置了账户同步，可直接登录把之前的配置全部同步过来
在这里插入图片描述
在这里插入图片描述
插件
注释插件 ：koroFileHeader
在vscode中用于生成文件头部注释和函数注释的插件
github地址：https://github.com/OBKoro1/koro1FileHeader
koroFileHeader 配置字段
在 Vscode 扩展商店中搜索 koroFileHeader，点击安装即可。
打开文件->首选项->设置，搜索 FileHeader 进行设置
请添加图片描述
使用：
文件头部添加注释:
快捷键：window：ctrl+alt+i,mac：ctrl+cmd+I
在光标处添加函数注释:
快捷键：window：ctrl+alt+t,mac：ctrl+cmd+t
默认效果：
/*
* @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", // 文件创建时间(不变)
"LastEditors": "AuthorName", // 文件最后编辑者
"LastEditTime": "Do not edit", // 文件最后编辑时间
"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前缀的时间
},
// 函数注释
"fileheader.cursorMode": {
"description": "",
//"custom_string_obkoro1": "",
"param": "params",
"return": ""
},
// 插件配置项
"fileheader.configObj": {
"createHeader": false, // 新建文件自动添加头部注释，默认打开
"autoAdd": false, // 保存自动添加头部注释，开启才能自动添加，默认开启
"openFunctionParamsCheck": true, //函数注释自动提取函数的参数，默认开启
"createFileTime": true, // 默认为此文件的创建时间，设为false更改为当前生成注释的时间
"dateFormat": "YYYY-MM-DD HH:mm:ss", // 默认时间格式，修改影响所有时间字段
// 自定义注释中的艾特和冒号：
"atSymbol": ["@", "@"], // 所有文件的头部注释和函数注释的默认值 @
"colon": [": ", ": "] // 所有文件的头部注释和函数注释的默认值 :
// 自定义特殊字段名，Date、LastEditTime、LastEditors、Description、FilePath
// "specialOptions": {
// "Date": "since",
// "LastEditTime": "lastTime",
// "LastEditors": "LastAuthor",
// "Description": "message",
// "FilePath": "文件相对于项目的路径"
// }
// 函数参数配置
// "functionParamsShape": "normal", // 正常
// "functionParamsShape": "no bracket", // 没有方括号
// "functionParamsShape": "no type", // 没有类型
// "functionParamsShape": [ "{", "}"], // 函数参数外形自定义，默认值 {}
// "functionTypeSymbol": "*", // 参数没有类型时的默认值 *
// 函数设置不添加参数和类型 {*}
// "functionParamsShape": "no type", // 没有类型
// "functionTypeSymbol": "" // 参数没有类型时的默认值 *
}
// -------------------- 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", // 文件创建时间(不变)
"custom_string_obkoro1_copyright": " Copyright (c) ${now_year} AuthorName. All rights reserved.",
"Description": ""
},
// 函数注释
"fileheader.cursorMode": {
// "custom_string_obkoro1": "",
"param": "",
"return": ""
},
// 插件配置项
"fileheader.configObj": {
"createHeader": false, // 新建文件自动添加头部注释，默认打开
"autoAdd": false, // 保存自动添加头部注释，开启才能自动添加，默认开启
"openFunctionParamsCheck": true, //函数注释自动提取函数的参数，默认开启
"createFileTime": true, // 默认为此文件的创建时间，设为false更改为当前生成注释的时间
"dateFormat": "YYYY/MM/DD", // 默认时间格式，修改影响所有时间字段
// 自定义注释中的艾特和冒号：
"atSymbol": ["", "@"], // 所有文件的头部注释和函数注释的默认值 @
"colon": ["", ": "], // 所有文件的头部注释和函数注释的默认值 :
// 自定义特殊字段名，Date、LastEditTime、LastEditors、Description、FilePath
"specialOptions": {
"FilePath": " ",
"Date": " Created by AuthorName on ",
"Description": " description："
},
// 函数参数配置
"functionParamsShape": "no type", // 没有类型
"functionTypeSymbol": "" // 参数没有类型时的默认值 *
}
// -------------------- koro1FileHeader 配置 --------------------
自定义配置效果2：
<!--
* base-navbar.vue
*
* Created by AuthorName on 2021/08/07
* Copyright (c) 2021 AuthorName. All rights reserved.
* description：
-->
/**
*
* @param s
* @return no
*/
