vscode优化使用体验篇(设置 | 插件)

vscode优化使用体验篇(设置 | 插件)

众所周知,vscode是一个非常好用的文本编辑器,通过各式各样的插件几乎是万能的,也可以作为好用的IDE,但vscode有很多默认不开启的、个人认为非常好用的一些设置,因此,在这里与大家分享,同时也推荐几个好用的插件。

这篇文章的内容我会随着vscode的更新,做一些不定期的小修改,当前内容最后一次更新时间:2022.8.10


vscode官网:

可以配合我的视频观看,链接:

推荐设置

下面是我的settings.json其中的一些基础配置

{
          
   
  "files.autoSave": "afterDelay",
  "files.autoGuessEncoding": true,
  "workbench.list.smoothScrolling": true,
  "editor.cursorSmoothCaretAnimation": true,
  "editor.smoothScrolling": true,
  "editor.cursorBlinking": "smooth",
  "editor.mouseWheelZoom": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  "editor.wordWrap": "on",
  "editor.guides.bracketPairs": true,
  //"editor.bracketPairColorization.enabled": true, (此设置vscode在较新版本已默认开启)
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "editor.acceptSuggestionOnEnter": "smart",
  "editor.suggestSelection": "recentlyUsed",
  "window.dialogStyle": "custom",
  "debug.showBreakpointsInOverviewRuler": true,
}

插件

插件种类繁多,对于各式各样的插件,我将我推荐的插件分成了四类,其中基础功能类是我认为在各种地方都很有帮助的插件,几乎可以是必备,其余的插件在很多情况下也很有用,可以按需安装

外观类

主题

  1. One Dark Pro 一款非常推荐的暗色调主题,好看又护眼。
  2. GitHub Theme GitHub 的官方主题
  3. Dracula Official 一款很有特点的吸血鬼主题

图标主题

  1. Material Icon Theme 个人正在用的图标主题,好看,类型大而全
  2. vscode-icons 也是一款不错的图标主题

基础功能类

  1. Chinese (Simplified) (简体中文) 【中文语言包】这应该不用多介绍,是vscode的官方中文语言包
  2. Error Lens 【错误提示】可以将原先显示的问题显示在对应行右侧并高亮
  3. Path Intellisense 【路径补全】在输入路径时,有智能提示补全
  4. Image preview 【图像预览】可以预览引入的图像

拓展功能类

  1. CodeSnap
  2. Prettier - Code formatter 【代码格式化工具】支持超多语言,一键格式化,美化代码格式
  3. GBK to UTF8 for vscode 【文件编码转化】可以将文件在GBK与UTF8编码之间无瑕转换
  4. Hex Editor 用来查看文件的hex或UTF-8编码
  5. Doxygen Documentation Generator 【文档生成器】写注释和文档时非常好用
  6. Remote - SSH 【ssh连接】连接远程服务器或虚拟机

算法练习类

  1. Code Runner 【代码运行工具】支持多种语言,语言运行环境需自己配置 推荐修改配置: { "code-runner.runInTerminal": true, "code-runner.saveAllFilesBeforeRun": true, "code-runner.saveFileBeforeRun": true }
  2. Competitive Programming Helper (cph) 刷算法题时很好用,可以自己设置样例,一键全部运行
经验分享 程序员 微信小程序 职场和发展