vs设置：
配置代码方式--->workbench.settings.editor--->ul/json
自动保存--->files.autoSave--->onFocusChange文件焦点变化时自动保存
代码自动补全--->editor.tabCompletion--->on
import语句按照字母顺序进行排列--->editor.codeActionsOnSave--->设置json--->"editor.codeActionsOnSave": {
"source.organizeImports": true
},
vs快捷键：
单行注释： ctrl+/
多行注释：alt+shift+A
移动一段代码行：alt + 上下方向键
显示/隐藏左侧目录栏：ctrl + b
复制当前行：shift + alt + 上下方向键
删除当前行：shift + ctrl + k
搜索文件：ctrl + p
安装插件的命令：ctrl +shift+ p 例如：git log
代码格式化：shift + alt +f
新建一个vs窗口 : ctrl + shift + n
增加行缩进: ctrl + [
减少行缩进: ctrl + ]
字体放大/缩小: ctrl + ( + 或 - )
拆分编辑器 : ctrl + 1/2/3
关闭编辑器窗口 : ctrl + w
显示git : ctrl + shift + g
快速回到顶部 ： ctrl + home
快速回到底部 : ctrl + end
选中文字：shift + 上下左右方向键
完全折叠代码：ctrl + k + 0
完全展开代码： ctrl + k + j
选中代码 ： shift + 鼠标左键 （分别单击 起点和末尾）
全局替换：ctrl + shift + h
打开最近打开的文件：ctrl + r
打开新的cmd窗口：ctrl + shift + c
插件：
HTML Snippets 自动补全代码 非属性名值补全
Image Preview 触摸路径预览图片，无须配置
Auto Rename Tag html 成对标签自动补齐，无须配置
Chinese (Simplified) (简体中文) Language Pack for Visual Stu VS汉化 ctrl+shift+p ——配置显示语言——zh-cn
background：vs背景图片 无须配置
附：安装后启动vscode提示vscode已损坏的解决方案 或 顶部显示 不受支持
1.安装插件Fix VSCode Checksums
2.vscode里ctrl+p打开命令行,输入Fix Checksums: Apply
3.重启vscode解决,简简单单
Dracula Official 主题插件 无须配置
Turbo Console Log 选中变量 ，ctrl+alt+l——>下方自动插入一个console.log
GitLens 在代码中显示每一行代码的提交历史 ——>ctrl + shift + p——> GitLens: Set Views Layout 无须配置
Git History 对比查看git历史版本 快捷键 alt + H 查看文件被改过commit的提交人和提交时间 无须配置
indent-rainbow 凸显缩进着色 无须配置
Tabnine AI - AI 代码完成插件 【全局】ctrl+鼠标移动变成小手,单击跳转
CodeRunner 一键运行Java，C，C++，JS等多种语言——>右键 run code 无须配置（需要配置结果输出内置的Terminal----"code-runner.runInTerminal": true,）
Color Highlight 颜色高亮 .test{ color: rgb(226, 16, 16);} 对应颜色标注覆盖color 无须配置
Comment Translate 自动将英文翻译为中文 设置翻译种类中文，引擎为百度——> "commentTranslate.targetLanguage": "zh-CN", "commentTranslate.source": "Baidu"
JavaScript (ES6) code snippets ES6语法智能提示 快速书写ES6代码
open in browser---> alt+b 默认浏览器打开页面 无须配置
Live Server --->alt+l+o 动态刷新html页面 无须配置
Eslint Js 语法检测
Vetur 快速书写Vue代码
Vue VSCode Snippets 快速新建一个vue页面 无须配置
XML Tools XML文件格式化以及高亮 无须配置
Bookmarks 对代码片段添加label书签，便于跳转 无须配置 ctrl + shift + p——>bookmarks就可以看到各种功能
Highlight Matching Tag ---> 代码块 或标签 高亮分显示 无须配置
Path Intellisense 路径识别,书写文件引入地址
Project Manager（项目管理器） 无须配置
Debugger for Chrome 断电调式 需要配置lanch.json
Quokka.js 实时显示打印输出 无须配置
Visual Studio IntelliCode 内置函数的提示
改变编辑器里面的文件图标--->vscode-icons 无须配置
Import Cost --->引入包大小计算 无须配置
CSS Peek 定位 CSS 类名
HTML CSS Support，在编写样式表的时候，写class智能提示当前项目所支持的样式，自动补全功能大大缩减了编写时间 无须配置
拼写检查程序，检查不常见的单词 Code Spell Checker 无须配置
生成文件头部注释和函数注释的插件 koroFileHeader 定制配置
Auto Import 自动导入包插件
LessCSS 预处理 LessCSS 定制配置
"less.compile": {
"compress": true, // true => 删除多余的空白
"sourceMap": true, // true => 生成源映射（.css.map文件）
"out": true // 启用输出CSS文件
}
Trailing Spaces 红色框显示尾部空格插件
VC Color Picker 鼠标悬停取色器 json定制配置
|
