VScode插件安装以及快捷键设置

一、推荐一些好用的Vscode插件

1、简体中文语言包：Chinese(Simplified)

2、修改开始标签，结束标签跟着自动变化：Auto Rename Tag

3、代码规范错误提示插件：Error Lens

4、代码颜色主题：One Dark Pro

安装完之后需要点击设置主题按钮，设置后才会生效

5、浏览器预览页面：open in browser

安装完之后右键-Open In Default Browser

6、实时预览：Live Server

改完代码，自动更新浏览器

左右分屏快捷键：win+左右箭头
使用：打开浏览器——Open With Live Server 

7、设置文件图标主题：vscode-icons

8 、编译less文件：Easy LESS

less不能直接引入到html文件中，这个插件可以将less文件自动生成css文件

9、会了吧

打开源码可以自动分析所有包含的英语单词，并显示解释结果，先学单词再看代码

10、保存代码时格式化代码

管理——设置——文本编辑器——格式化——Format On Save

11、代码缩进字符改为2个字符

管理——设置——常用设置——Tab Size

二、vscode快捷键设置

1、快速复制一行

shift + alt + 下箭头（上箭头）

2、选定多个相同的单词

ctrl + d
先双击选定一个单词，然后按下ctrl+d可以往下依次选择相同的单词。这样同时修改相同的单词就非常方便

3、添加多个光标

ctrl + alt + 上箭头（下箭头）或者shift + ctrl + alt + 上箭头（下箭头）

4 、全局替换某些单词

ctrl + h

5、快速定位到某一行

ctrl + g

6 、选择某个区块

按住 shift + alt 然后拖动鼠标

7 、放大缩小整个编辑器界面

ctrl + + / - ctrl+加号或者减号