【收藏】VSCode快捷键及常用插件

1,627 阅读2分钟
1、重新打开 关闭的编辑页面
Windows: Ctrl + Shift + T 
Mac: command + Shift + T
2、通过匹配文本打开文件

能搜索出含有你输入的文本的所有文件

Windows: Ctrl + T 
Mac: command + T
3、打开或关闭集成终端 Terminal
Windows: Ctrl + `
Mac: control + `
4、选中光标左侧/右侧的所有内容

mac电脑没有Home/End,可以使用 左右方向键来代替Home/End

Windows: Ctrl + Shift + Home/End
Mac: command + Shift + Home/End
5、删除上一个单词

删除你输入的前一个单词,这在你输入错误的时候,非常有用

Windows: Ctrl + Backspace 
Mac: option + delete
6、逐个选择文本
Ctrl + Shift +右箭头/左箭头
Mac: option + Shift +右箭头/左箭头
7、光标移至文件的开头/结尾
// 开头
Windows: Ctrl + Home 
Mac: command + Home
// 结尾
Windows: Ctrl + End
Mac: command + End
8、批量选中和替换当前文件中所有匹配的文本
Windows: Ctrl + F2
Mac: command + F2
9、快速删除一行

第一种方法:剪切

Windows: Ctrl + X
Mac: command + X

第二种方法:

Windows: Ctrl + Shift + K 
Mac: command + Shift + K
10、复制光标向上或者向下批量添加内容
Windows: Ctrl + Alt +向上箭头/向下箭头
Mac: command + Option +向上箭头/向下箭头

常用插件

1、Git Project Manager: 在VSCode中迅速以git Project为维度打开窗口的神器

2、Rainbow Brackets: 非常常用的功能,将括号进行颜色配对,有利于代码阅读,减少低级错误

3、Indent Rainbow: 除了括号之外,还有一个影响阅读的就是缩进,恰好Indent Rainbow提供了缩进提示

4、scode-pigments: CSS开发的利器,对应代码将被其颜色渲染

5、Import Cost: 它会提示你你引入的npm包的大小,十分有利于管控项目体积

6、TODO Highlight: 经常在代码里写了// TODO后这个坑就忘记填了,这个插件通过高亮来时刻提示开发者记着填坑

7、Auto Rename Tag:在你更改标签的开始标签时,会自动帮你更改掉结束标签。减少手动寻找结束标签的位置,反之亦然。

8、Duplicate Action:这个插件可以右键单击实现复制整个文件的效果,很实用的一个小功能

9、GitLens — Git supercharged:这个插件可以方便看到提交记录,点击每行代码都能看到对应的的作者及提交文案,很实用的插件。

10、JS-CSS-HTML Formatter:代码格式化工具,可以方便的在保存代码的时候,格式化代码风格。

11、Document This:为js或者ts文件生成代码注释。(快捷键:CTRL+ALT+D+D)

12、Git History:可视化的git历史记录插件。