VS Code 是一个用户体验很好的代码编辑器,对前端使用的语言 JavaScript、CSS 等支持良好,配置简单易懂,插件生态繁荣。本文记录我在使用 VS Code 时常用的插件和快捷键等。

插件

Project Manager

像管理文件夹一样管理不同项目,便于开发时快速切换项目

Gitlens

可视化管理 git 仓库,我不允许还有人没有用它。用它!用它!

版本对比的功能十分好用,代码变更一目了然。

ESLint

代码检查工具,高亮不规范的代码,灰色未使用的变量,让你的代码更规范

配置参考:使用 VSCode + ESLint 实践前端编码规范

快捷键

windows

  • ctrl+k+w 关闭所有文件

  • ctrl+右箭头/ctrl+左箭头,可以到达 单词的词首/词尾

  • Home/End 键可以到达 句首/句尾

  • ctrl+home/ctrl+End 可以到达文档 第一个字符/文档最后一个字符

  • ctrl+shift+\可以到达代码块首/块尾 (){} []

  • ctrl+shift+左箭头/右箭头,可以选中单词

  • alt 加上箭头/下箭头,移动本行

  • ctrl+u 回溯光标

  • ctrl+H 搜索替换

  • Ctrl + Shift + Enter 直接换下一行

  • ctrl+shift+k 删除整行

  • ctrl+鼠标左键,拖动代码块可以复制