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

这篇具有很好参考价值的文章主要介绍了vscode优化使用体验篇(设置 | 插件)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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


vscode官网:https://code.visualstudio.com/

可以配合我的视频观看,链接:https://www.bilibili.com/video/BV1Hd4y1o7CN/

推荐设置

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

{
  "files.autoSave": "afterDelay",
  "files.autoGuessEncoding": true,
  "workbench.list.smoothScrolling": true,
  "editor.cursorSmoothCaretAnimation": "on",
  "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

    一款非常推荐的暗色调主题,好看又护眼。

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

  2. GitHub Theme

    GitHub 的官方主题

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

  3. Dracula Official

    一款很有特点的吸血鬼主题

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

图标主题
  1. Material Icon Theme

    个人正在用的图标主题,好看,类型大而全

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

  2. vscode-icons

    也是一款不错的图标主题

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

背景

  1. Vibrancy Continued

    使vscode背景高斯模糊,非常吃性能(慎用

    使用方法:按F1或者ctrl+shift+p,键入Reload Vibrancy,然后重启vscode

    取消方法:按F1或者ctrl+shift+p,键入Disable Vibrancy,然后重启vscode

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

基础功能类

  1. Chinese (Simplified) (简体中文)

    【中文语言包】这应该不用多介绍,是vscode的官方中文语言包

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

  2. Error Lens

    【错误提示】可以将原先显示的问题显示在对应行右侧并高亮

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

  3. Path Intellisense

    【路径补全】在输入路径时,有智能提示补全

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

  4. Image preview

    【图像预览】可以预览引入的图像

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

拓展功能类

  1. CodeSnap

    【代码截图】一款非常好用的代码截图插件

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

  2. Prettier - Code formatter

    【代码格式化工具】支持超多语言,一键格式化,美化代码格式

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

  3. GBK to UTF8 for vscode

    【文件编码转化】可以将文件在GBK与UTF8编码之间无瑕转换

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

  4. Hex Editor

    用来查看文件的hex或UTF-8编码

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

  5. Doxygen Documentation Generator

    【文档生成器】写注释和文档时非常好用

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

  6. Remote - SSH

    【ssh连接】连接远程服务器或虚拟机

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

  7. Hungry Delete

    【像IDEA的退格键】删除整个空格或制表符块,并减少程序员按退格键所需的时间

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

算法练习类

  1. Code Runner

    【代码运行工具】支持多种语言,语言运行环境需自己配置

    推荐修改配置:

    {
      "code-runner.runInTerminal": true,
      "code-runner.saveAllFilesBeforeRun": true,
      "code-runner.saveFileBeforeRun": true
    }
    

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

  2. Competitive Programming Helper (cph)

    刷算法题时很好用,可以自己设置样例,一键全部运行

    vscode优化使用体验篇(设置 | 插件)文章来源地址https://www.toymoban.com/news/detail-419762.html

到了这里,关于vscode优化使用体验篇(设置 | 插件)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode按住ctrl跳转设置以及插件

    1、安装插件 2、在settings.json中添加代码 3、添加代码 \\\"vue-helper.alias\\\": {         \\\"@\\\": \\\"src\\\"      },      \\\"vue-helper.componentPrefix\\\": {         \\\"alias\\\": \\\"@\\\",         \\\"path\\\": \\\"src\\\"      }

    2024年01月24日
    浏览(52)
  • vscode卡顿优化设置

    点击左上角,文件 -》首选项 -》 设置 1. 向Microsoft发送使用情况 搜索: telemetry 2. 搜索索引 搜索:search.exclude 搜索是VSCode最耗费内存的活动之一。它必须保留所有文件及其内容的索引。您可能不想在node_modules /或env /文件夹中搜索对吗? 一定要确保里面有**/nod

    2024年02月16日
    浏览(44)
  • vscode设置Prettier为默认格式化插件

    1. 目的:ctrl+s保存,自动格式化文档 2. 所需插件Prettier 3. 操作步骤 先打开vscode软件,左下角点击设置 — 打开设置 ---- 在右上方有一个搜索框。 先设定自动保存文件,搜索框贴入 files.autoSave 筛出设置项,并把设置项属性选择为 onFocuschange 。 设定编辑器默认代码格式化(美化

    2024年02月06日
    浏览(58)
  • 【VSCode】设置关键字高亮的插件 | Highlight Word

    本文主要介绍在 VSCode 看代码时,怎样使某个单词高亮显示,主要通过以下三步实现: 安装 highlight-words 插件 配置 highlight-words 插件 设置高亮快捷键F8 工作是嵌入式开发的,代码主要是C/C++的,之前一直用 source insight 4 看代码,最近转到 VSCode ,使用 VSCode 看代码时,发现它居

    2024年02月11日
    浏览(60)
  • Vscode常用插件及设置(前端版,实时更新ing

    写完代码后鼠标右击将代码在浏览器中运行 汉化Vscode html、css、js、less图标显示 代码块写完后使用Live Server,每次修改代码Ctrl+S后浏览器无需再刷新即可跟着变化, 与win+左键或win+右键搭配爽歪歪,直接效率起飞!!! 外联样式提示插件 错误提示信息 将.less文件生成一个.

    2024年02月02日
    浏览(46)
  • Microsoft Edge 的体验优点和插件扩展商城的使用

            Microsoft Edge是一款现代化的浏览器,它拥有众多功能和强大的性能,为用户带来更加流畅的浏览体验。 Edge最近推出了分屏功能,支持一个窗口同时显示两个选项卡,这可以大大提高生产力和多任务处理能力。欢迎大家使用分屏及其他新功能后分享自己的使用心得

    2024年02月08日
    浏览(52)
  • vscode - GitLens插件使用

    GitLens 插件功能介绍 GitLens文档 (英文) 链接 简化git操作 每行代码的末尾,都会公开最后一次提交的作者、时间、信息。鼠标悬停在这些注释上显示更多详细信息 准备工作 1、VS code 内进行下载,下载之后如下: 2、确保在分支上以后,可以开始工作 (查看分支显示及分支切换

    2024年02月06日
    浏览(46)
  • vscode流程图插件使用

    1.在vscode中点击左下角设置然后选择扩展。 2.在扩展中搜索Draw.io Integration,安装上面第一个插件。 3.安装插件后在工程中创建一个后缀为drawio的文件并且双击打开即可绘制流程图

    2024年02月11日
    浏览(41)
  • VScode 插件 CodeGeex 使用教程

    不过在笔者看来,和国外的 Copilot 存在不小的差距,Copilot 是基于国外的大模型,能力比国内 AI 大模型要强,但要付费、还可能因为网络原因影响速度,所以国内的胜在免费(不过新用户好像每天只能提问 20 次),可以白嫖,解释代码、生成代码、优化代码、自动补充注释、

    2024年02月03日
    浏览(47)
  • vscode插件unocss无法正常使用

    官网文档:https://alfred-skyblue.github.io/unocss-docs-cn/integrations/vscode#VPSidebarNav 很多人在使用的时候会配置 uno.config.ts 文件,但这个文件不一定放置在根目录下。扩展程序将尝试在您的项目中查找 UnoCSS 配置。如果未找到配置,则扩展程序将被禁用。要使用 monorepo ,请在您的 setti

    2024年02月16日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包