VS Code 插件整理；前端常用编辑器插件

常用必备插件

插件名	插件说明
Chinese(Simplified) Language Pack for Visual Stidio Code	中文汉化包
open-in-browser	在浏览器中查看
Live Server	实时预览
Auto Close Tag	自动闭合标签
Auto Rename Tag	尾部闭合标签同步修改
Bracket Pair Colorizer	用不同颜色高亮显示匹配的括号
Highlight Matching Tag	高亮显示匹配标签
turbo-console-log	将光标移到要打印的变量上面，按下 ctrl+alt+L，就会在下一行自动输入 console.log，并且贴心的把文件名、行号、变量名这些信息都带上了，是不是很方便？
Vscode-icons VSCode	文件图标
Code Spell Checker	单词拼写检查
Vscode-element-helper	编写标签时自动提示element标签名称
Vetur	Vue开发支持
TsLint	TypeScript代码的检查
TsLint Vue	在vue中使用ts用到的插件
Dracula Official	吸血鬼主题
Power Mode	敲代码时特效(推荐 flames，Powermode › Combo: Counter Enabled 设置为 hide ，Powermode › Combo: Timer Enabled 设置为 hide ,建议关闭代码抖动 Shake: Enabled，或者在配置json里边添加"powermode.enableShake": false)
minapp	支持微信小程序标签、属性的智能补全，并且提示中包含文档内容（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）
wechat-snippet	这个插件主要的功能就是代码辅助，代码片段自动完成，可以作为上个插件的补充
wxml	这款插件用于将wxml代码进行高亮显示，并且提供代码格式化的功能，可将代码格式化为较易阅读的样式
Reactjs code snippets	React开发辅助，可快捷创建组件
vscode-styled-components	React 使用第三方css模块styled-component 用于js中css代码高亮显示
GitLens — Git supercharged	反正超级强大
any-rule	正则表达式合集，几乎包括了常用的所有的正则表达式

常用快捷键

编辑器与窗口管理

Ctrl+Shift+P: 打开命令面板。

Ctrl+Shift+N: 新建窗口。

Ctrl+Shift+W: 关闭窗口。

切分窗口：Ctrl+1/Ctrl+3/Ctrl+3

Ctrl+H：最小化窗口

Ctrl+B：显示/隐藏侧边栏

Ctrl+“+/-”：放大/缩小界面

文件操作

Ctrl+N：新建文件

Ctrl+W：关闭文件

Ctrl+Tab：文件切换

格式调整

Ctrl+C/Ctrl+V：复制或剪切当前行/当前选中内容

Alt+Up/Down：向上/下移动一行

Shift+Alt+Up//Down：向上/下复制一行

Ctrl+Delete：删除当前行

Shift+Alt+Left/Right：从光标开始向左/右选择内容

代码编辑

Ctrl+D：选中下一个相同内容

Ctrl+Shift+L：选中所有相同内容

Ctrl+F：查找内容

Ctrl+Shit+F：在整个文件夹中查找内容