1. 简单的设置
VSCode 可以通过一些简单的设置来提高其使用效率。以下为一些常用设置:
1.1 隐藏 VSCode 标题栏
Windows 用户
"window.titleBarStyle": "custom"
MacOS 用户
"window.titleBarStyle": "hidden"
通过上述设置,可以在不影响 VSCode 功能的前提下,将标题栏隐藏,使编辑器的内容充满整个屏幕,从而提高工作效率。
1.2 关闭自动保存
"files.autoSave": "off"
关闭自动保存可以避免在不经意间修改文件导致文件被保存,可以更好地控制对文件的更改。
2. 主题和字体
2.1 主题
主题是 VSCode 中常用的一项配置,可以改变编辑器界面的配色方案。以下为值得推荐的几个主题:
Dracula Official
One Dark Pro
Material Theme
除了以上推荐外,还有一些其他的主题也非常适合日常使用,可以根据自己的爱好选择不同的主题。
2.2 字体
相比默认的字体,更适合阅读的字体能够提高编程效率。以下为一些推荐的字体:
Fira Code
Cascadia Code
JetBrains Mono
这些字体中,Fira Code 是一款非常受欢迎的字体,可以为代码中的一些符号添加漂亮的连线。
3. 插件配置
VSCode 中的插件可以解决一些编辑器本身无法解决的问题,使用合适的插件可以大大提高效率。以下为值得推荐的几个插件:
3.1 Prettier - Code formatter
Prettier 是一个代码格式化插件,可以自动对代码进行格式化。以下为安装和设置 Prettier 的方法:
通过命令行安装该插件:
npm install -D prettier
在 VSCode 中安装 Prettier 插件
在 Settings 搜索 Prettier, 找到设置如下:
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
通过设置以上内容可以使得在编辑 JavaScript 文件时自动使用 Prettier 进行格式化,提高工作效率。
3.2 Git Lens
Git Lens 插件可以为 VSCode 中的每个代码行添加 Git 相关信息,便于开发过程中进行定位。在多人协作或者多分支开发时,该插件非常有用。
3.3 Path Intellisense
Path Intellisense 插件可以为 VSCode 中的路径输入框提供智能提示,避免手动输入路径时出现路径错误的问题。
4. 快捷键
快捷键可以快速完成许多常见编辑器操作,以下为一些比较实用的快捷键:
Ctrl + Shift + P 打开命令面板
Ctrl + D 选中当前光标所在的词汇
Ctrl + Shift + K 删除当前光标所在的行
Alt + Shift + F 格式化代码
5. 总结
通过上述方式,可以为 VSCode 进行一些简单的配置,提高编辑器的工作效率。在使用 VSCode 进行开发时,多关注一些常用的快捷键和插件也可以为开发过程带来便利。