值得收藏的10个高级VSCode配置「分享」

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 进行开发时,多关注一些常用的快捷键和插件也可以为开发过程带来便利。