（其他笔记）VSCode快捷键+常用插件安装和使用

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定制配置

注释主颜色题插件 使用官方默认json配置 Better Comments 2.1.0版本， 3.0.0不生效

AZ AL Dev Tools/AL Code Outline  自动解析当前文件代码生成整体结构目录大纲，点击子目录显示对应代码  无须配置