VS Code常用插件及快捷键

插件：

1.   Chinese (Simplified) Language Pack for Visual Studio Code

适用于 VS Code 的中文（简体）语言包

2.   Open in Browser

在vscode中右击打开浏览器访问

3.   JS-CSS-HTML Formatter（不推荐装，装了会和tabsize:2产生冲突，它是4）

每次保存，都会自动格式化js  css  html代码

4.   Auto Rename Tag

自动重命名配对的HTML / XML标签

5.   Beautify

美化代码

6.   ESLint

代码检查工具

7.   Vetur

VScode官方钦定Vue插件，Vue开发者必备。内含语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger等实用功能

 8.   JavaScript (ES6) code snippets

ES6的代码自动补全

9.   vue 2 Snippets   /   VueHelper

vue 代码提示

Vue 3 Snippets     快速生成 Vue3 相关代码的代码片段

10.   Path Intellisense

自动路径补全

11.   GitLens — Git supercharged

GitLens只是帮助您更好地理解代码。快速浏览一下，为什么以及何时更改了行或代码块。跳过历史记录，以获得有关代码演变的方式和原因的进一步见解

12.  cssrem

px转rem单位

TypeScript Hero：可以帮助你快速重构 TypeScript 代码，包括重命名、提取函数等

Auto Import：自动导入工具，可以根据代码上下文自动导入需要的模块

Bracket Pair Colorizer（已内置于vs code，在设置-文本编辑器开启）：该插件可以为你把成对的括号做颜色区分，并且提供一根连接线。方便我们审阅代码结构。

CSS Peek：css样式查看器，可快速查看我们的css样式，非常方便快捷

Image preview：鼠标悬浮在链接上可及时预览图片

Live Server：VScode浏览器自动刷新插件 

ai插件：tabnine，Copilot

eslint，prettier-Code formatter，vetur

快捷键：

F1 或 Ctrl+Shift+P（俗称万能键）  ：打开命令面板。

代码行向左或向右缩进:   Ctrl+[            Ctrl+]

向上或向下移动一行: Alt+Up或Alt+Down

查找: Ctrl+F

替换: Ctrl+H

单行注释：ctrl+/

多行注释：Alt+shift+A

新建文件: Ctrl+N

文件之间切换: Ctrl+Tab

打开一个新的VS Code编辑器:Ctrl+Shift+N

关闭当前窗口:Ctrl+W

关闭当前的VS Code编辑器:Ctrl+Shift+W