安装这几个插件,让你的vscode更好用!

常说「工欲善其事,必先利其器」,一款好用的编辑器帮助我们提高工作效率。本篇文章给大家分享一些好用的vscode插件,让你的vscode更好用!

安装这几个插件,让你的vscode更好用!

【推荐学习:《vscode教程》】

作为一名程序员,我们虽然经常使用的是IDE,但不能所有的文本或者文件都是用idea打开进行操作,这样太浪费资源。

基本上每个人都会给自己备用个文本编辑器作为辅助内容操作。例如我们常用的vim,sublime,atom等等。每个软件都有自己的特色,今天推荐的是微软推出的一款代码编辑器vs code。

简介

vscode 微软在15年推出的免费跨平台的编辑器,并且具有很强大的功能。

支持几乎所有的主流的开发语法高亮。

智能代码补全

自定义快捷键

强大的插件扩展

跨平台

为什么推荐vs code

对于我来说经常写博客做笔记,需要一款合适的文本编辑器是十分重要的,好的功能能帮助我提高效率,让自己心情也美丽。

但是从sublime,简书,掘金,还有其他的markdown软件上我感觉还是不适合自己。原因如下:

简书markdown不提供快捷键操作,无法将内容直接同步到git上。

掘金类似,无法提供到git上,需要同步其他地方,需要下载下来才能粘贴复制才行。

所以我一直在寻找一个既可以进行简单编码的文本编辑器,又可以预览markdown文字内容的编辑器,还可以支持markdown图床功能编辑器。

幸好它让我找到了。就是vscode。

当然支持这么多功能也是建立在丰富的插件上的。每一个好的插件使得vscode 用起来更加的强大。

我现在主要使用vscode在 markdown ,git ,Java,文本功能。本篇文章也是建立在这个基础上完成。

Vscode,能用来写文档,能用来编码,还可以用来听音乐,炒股票,做项目规划。

哈哈说了这么多,你是不是感到惊讶?我们经常用的vscode竟然这么厉害?是的,没有想错,vscode就是这么牛。

接下来我们来看下怎么利用vscode,打造一个全能性的写作工具。让我们把其他的markdown 软件卸载吧。

插件搜索

点击左侧工具栏的最后一个就是插件商店,我们可以搜索需要的插件内容

1.png

markdown 插件安装

Markdown是一个轻量性的文本语言,程序员大部分都是利用它来编写文档,那你经常在哪里写文档呢?腾讯文档?石墨文档?或者简书?或CSDN?或者掘金?

这些网站都是支持Markdown语法,但这些网站都有个问题,有的网站图片是防止盗链接的,比如掘金的图片链接是不能放到别的网站上使用的。

这个时候我们需要的一个地方能使用markdown来写内容,并且图片看还可以使用自己的图床(存储自己图片的地方)。而vscode就原生支持markdown,为了让markdown更加的好用,我们来安装以下插件来帮助我们提高效率。

插件paste image to qiniu与软件PicGo

Vscode 是没法保存图片的,或者写的时候将图片保存为本地图片。

本地图片不方便,当我们想把文章保存到别的地方时,还需要把图片进行处理。所以给vscode配置个图床是必要的。

图床你可以选择使用vscode中的qiniu插件作为图床软件,也可以在网上搜索PicGo这个软件作为图床工具,PicGo提供了多种图床实现方式,并且上传完后会把上传的路径保存到粘贴板上,嘿嘿,这就方便复制到Vscode中了。我建议你使用PicGo

2.png

使用图床之前,我们得先有个云存储。我们在这里使用的对象存储是七牛云,可以点击注册。

一定记得提前注册好云床哦。

如果不想装软件,那么也可以直接使用Vscode中的paste image to qiniu插件,

该插件是作用于将我们的图片上传保存到七牛云上,只要七牛云不倒闭,那么我们的图片一直可以保存着。

是可以支持截图上传的,不用再把图片弄到本地再进行迁移,直接进行上传。连接地址

3.png

预览插件Markdown Preview Enhanced

该插件是进行markdown 内容进行展示的,左右两侧分屏显示。跟简书,掘金都是一样的显示效果。

4.png

虽然vscode自带预览工具,但是预览功能并不多,而这款插件就是预览功能增强,还可以导出pdf,word,html. 还可以一键生成目录的TOC,本文的目录就是通过该插件生成的。

不要忘记,markdown也是可以用来画时序图的,还可以使用该插件来画plotly图像。

如果你对显示效果感觉不好,还可以调整样式,下图展示了多种样式的选择。

5.png
调整样式

Markdown Note Snippets

这个插件目标是降低我们每天重复的事情。

使用快捷键插入模版,在这个插件中作者提供了KPT日记的方式记录生活记录。KPT 三个字母分别代表 Keep、Problem 和 Try。具体含义如下:

Keep: 当前你正在做的事,不要过于宽泛

你好星识 你好星识

你的全能AI工作空间

你好星识 40 查看详情 你好星识

Problem:今日所遇到的问题

Try:你准备明天要尝试的解决方案

除了每日工作记录之外,还有文献泛读模板,文献精度模板。

6.gif

每日日志记录

Markdownlint

Markdown虽然语法不多,但是有时候我们写的并不是很规范,而MarkdownLint插件就是来规范我们写的语法,检查我们的语法是否正确。如果语法有错误则会进行语法的提示,怎么样是不是感觉自己在编程?

8.png

Markdown All in One

Markdown 语法虽然简单,但是每次都要是敲这些命令的话,也是一键很繁琐的事情,特别是大家都习惯使用快捷键的情况下,有需求就有解决方式,Markdown All in One 就是来解决这个问题的。

使用Ctrl + B加粗字体,Ctrl+ I 斜体等,一键创作表格内容,想提高markdown的效率,那么该插件不容错过。

9.gif

Markdown  shortcuts

这个插件可以跟其他插件进行混合使用,它主要是用来提供一些常用的操作快捷键,比如上面说的加粗,斜体。当然这个插件还提供了快速创建代码块,行内代码块,表格的快捷键。具体快捷键可以看下图。有了这些快捷键,我们在vscode上写文档,跟在石墨文档,腾讯文档是没有任何的区别的。

甚至更好的我们使用插件组合,帮助我们把文档整理成电子书进行输出。

10.png

Git与GitLens

配置git方便自己每次将内容上传到github仓库上,最喜欢的就是使用命令行进行操作git.

由于是window环境,在vs code 上使用linux的命令行操作,我们需要下载好git bash,具体下载安装方法可以百度。

在 vscode 的终端内配置上 git bash,然后就可以使用linux命令行操作。

当然如果也可以使用Widdow环境的shell,最近微软新出的终端也是挺漂亮和优秀的。

使用Vscode的Git,那么GitLens是必不会少的一个插件。

GitLens帮助你更好地理解代码。快速查看一行或代码块被更改的人、原因和时间。回顾历史,进一步了解代码是如何以及为什么进化的。毫不费力地探索代码库的历史和发展.

日常划水插件

每天工作已经很累了,总喜欢忙里偷闲,vscode中提供了让我们划水的插件。一般写代码,一边划水。

网易云音乐

在插件市场搜索vsc-netease-music ,打开vscode就能听音乐,是不是很爽?也不用专门打开音乐软件听歌了。

11.gif

看小说

嘿嘿,还记得在上学期间,偷偷看小说被老师逮住的情景吗?为了不让老师抓住,我们在书籍的表面弄上课本的封面,用来掩饰自己划水的行为。

而vscode中也有同样的功能是,read-vscode-e这个插件就能让我们一般看小说划水,产品经理路过还以为你在写代码呢?

12.png

Vscde-Leetcode

上面几个划水插件是不是感觉自己挺颓废的,为了让自己进大厂,日常刷题也是必要的,但在公司怎么刷题呢?嘿嘿,vscode 刷题插件腾冲出世,刷题的时候老板还以为你在认真的工作呢。

13.png

总结

上面主要是介绍了关于怎么使用Vscode打造一个适合自己的写作环境,其实还有更多的插件没有介绍,比如说怎么使用Markdown跟Git结合,怎么在Vscode中打造一个看板,每天写下自己的计划。

好的编辑器,总是能有各种方式帮助我们解决我们的问题,提高效率。当然,适合自己的编辑器才是最好的。为了让VsCode提高自己的效率,大家还是多多使用插件吧。

14.png

更多编程相关知识,请访问:编程视频!!

以上就是安装这几个插件,让你的vscode更好用!的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/502777.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月8日 21:05:47
下一篇 2025年11月8日 21:06:31

相关推荐

  • VSCode选择范围提供者实现

    Selection Range Provider是VSCode中用于实现层级化代码选择的API,通过注册provideSelectionRanges方法,按光标位置从内到外逐层扩展选择范围,如从变量名扩展至函数体;需结合AST解析构建准确的SelectionRange链式结构以提升选择智能性。 在 …

    2025年12月6日 开发工具
    000
  • VSCode终端美化:功率线字体配置

    首先需安装Powerline字体如Nerd Fonts,再在VSCode设置中将terminal.integrated.fontFamily设为’FiraCode Nerd Font’等支持字体,最后配合oh-my-zsh的powerlevel10k等Shell主题启用完整美…

    2025年12月6日 开发工具
    000
  • VSCode入门:基础配置与插件推荐

    刚用VSCode,别急着装一堆东西。先把基础设好,再按需求加插件,效率高还不卡。核心就三步:界面顺手、主题舒服、功能够用。 设置中文和常用界面 打开软件,左边活动栏有五个图标,点最下面那个“扩展”。搜索“Chinese”,装上官方出的“Chinese (Simplified) Language Pa…

    2025年12月6日 开发工具
    000
  • VSCode性能分析与瓶颈诊断技术

    首先通过资源监控定位异常进程,再利用开发者工具分析性能瓶颈,结合禁用扩展、优化语言服务器配置及项目设置,可有效解决VSCode卡顿问题。 VSCode作为主流的代码编辑器,虽然轻量高效,但在处理大型项目或配置复杂扩展时可能出现卡顿、响应延迟等问题。要解决这些性能问题,需要系统性地进行性能分析与瓶颈诊…

    2025年12月6日 开发工具
    000
  • VSCode的悬浮提示信息可以自定义吗?

    可以通过JSDoc、docstring和扩展插件自定义VSCode悬浮提示内容,如1. 添加JSDoc或Python docstring增强信息;2. 调整hover延迟与粘性等显示行为;3. 使用支持自定义提示的扩展或开发hover provider实现深度定制,但无法直接修改HTML结构或手动编…

    2025年12月6日 开发工具
    000
  • VSCode插件:GitLens使用详解

    GitLens是VSCode中强大的Git增强插件,提供行级代码追踪、提交历史浏览、版本对比、跨文件导航及与GitHub等平台集成;通过启用Current Line Blame和In-Line Blame,可实时查看每行代码的作者与修改时间;支持按分支、作者过滤提交记录,比较差异,并利用Go Bac…

    2025年12月6日 开发工具
    000
  • VSCode调试:快速定位与修复问题

    掌握VSCode调试技巧可提升开发效率。首先设置断点并配置launch.json文件,通过“运行和调试”面板启动调试;程序暂停时利用变量窗格查看数据状态,结合调用栈追溯函数执行路径;使用调试控制台动态执行代码、验证逻辑;针对高频调用场景,可设置条件断点(如i===100)或日志断点输出信息而不中断执…

    2025年12月6日 开发工具
    000
  • VSCode界面优化:精简布局与元素

    通过隐藏冗余组件和调整视觉元素可提升VSCode专注度。依次操作:1. 用Ctrl+B和Ctrl+J快捷键或设置隐藏侧边栏与面板;2. 在设置中关闭活动栏显示,并在settings.json中设置”window.titleBarStyle”: “inline&#8…

    2025年12月6日 开发工具
    000
  • VSCode后端:Flask应用调试指南

    答案:配置VSCode调试Flask需安装Flask、编写入口文件、在launch.json中设置调试参数,然后设断点并启动调试会话。具体步骤包括创建launch.json文件并配置program、env和args等选项,确保使用正确Python解释器,避免端口占用,最后通过运行和调试面板启动应用,…

    2025年12月6日 开发工具
    000
  • VSCode调试技巧:断点与变量监控

    VSCode调试功能强大,断点设置与变量监控是核心。2. 点击行号设断点,右键可配条件或日志断点,侧边栏统一管理。3. 暂停时通过变量面板、悬停提示、监视表达式实时查看值。4. 调用栈面板展示函数执行路径,点击可查各层上下文。5. 综合运用这些技巧能高效定位逻辑问题,提升调试效率。 调试是开发过程中…

    2025年12月6日 开发工具
    000
  • 如何管理和同步VSCode的扩展配置,以便在新设备上快速恢复开发环境?

    使用 Settings Sync 是最快方式,通过 GitHub 账号同步扩展、设置、快捷键和代码片段;也可手动导出扩展列表(code –list-extensions > extensions.txt)并在新设备安装,结合备份 settings.json 等配置文件实现环境快速恢…

    2025年12月6日 开发工具
    000
  • VSCode扩展包管理依赖解析

    VSCode扩展依赖通过package.json中的extensionDependencies声明,安装时自动解析并提示用户安装所需扩展,确保按顺序激活且禁止循环依赖,依赖间通过contributes.api共享功能,使用vsce打包时需手动处理生产依赖和性能优化,最终实现扩展间的协同运行与API调…

    2025年12月6日 开发工具
    000
  • VSCode代码转换:编码格式处理

    遇到乱码时先查看文件编码,点击右下角编码名称选择“通过编码重新打开”,尝试 UTF-8、GBK 等常用编码以正确显示内容;2. 确认后可选择“通过编码保存”将文件转换为 UTF-8 等标准编码,便于跨平台协作;3. 为避免重复操作,可在设置中将 “files.encoding&#8221…

    2025年12月6日 开发工具
    000
  • VSCode插件更新:保持功能兼容性

    更新VSCode插件需确保兼容性,避免配置失效或冲突。建议更新前检查依赖关系、阅读变更日志,确认API与版本适配;优先在预发布环境测试新版本;对关键项目通过extensions.json锁定推荐版本;更新后监控命令、语言服务等运行状态,发现问题及时回退。合理管理更新节奏可兼顾新特性与稳定性。 更新V…

    2025年12月6日 开发工具
    000
  • VS Code扩展生态剖析:API设计与商店发布全流程指南

    VS Code扩展成功源于其插件化架构与丰富API。通过Activation Events、Contribution Points和Extension Host实现高效稳定的功能扩展,结合vscode.commands、languages、window、workspace等核心API提供完整开发支持…

    2025年12月6日 开发工具
    000
  • VSCode快捷键:括号与缩进处理

    VSCode默认自动补全括号引号,可用Ctrl+Z撤销或设置中关闭;2. Enter或→可跳过自动闭合符号;3. Tab和Shift+Tab用于调整选中行的缩进;4. Shift+Alt+F格式化文件或选中代码,可设保存时自动格式化;5. 光标靠近括号时高亮匹配,Ctrl+Shift+快速跳转配对括…

    2025年12月6日 开发工具
    000
  • VSCode时间线:文件修改历史与代码追溯系统

    时间线功能是VSCode内置的代码追溯工具,通过整合Git历史记录提供文件修改的时间轴视图。用户可查看提交哈希、作者、时间、提交信息及变更行数,点击记录预览差异并还原版本。该功能依赖Git仓库,支持查看某行修改者、对比历史版本、恢复误删代码等操作,未启用Git时仅显示本地保存点。结合GitLens等…

    2025年12月6日 开发工具
    000
  • VS Code配置作用域:机器特定与资源限定设置

    机器特定设置用于本地环境配置,如终端变量和Python路径,存储于用户配置目录,不共享;资源限定设置存于项目.vscode/settings.json,可共享并确保团队代码风格统一,优先级更高。应根据个性化需求与项目规范选择作用域,敏感信息需结合env文件管理。 VS Code 支持多种配置作用域,…

    2025年12月6日 开发工具
    000
  • 如何配置VSCode以支持对容器内应用程序的远程调试?

    答案是使用VSCode Remote – Containers扩展结合Docker实现远程调试。首先安装Docker、VSCode及Remote – Containers扩展,然后在项目根目录创建.devcontainer文件夹并配置devcontainer.json,指定基…

    2025年12月6日 开发工具
    000
  • 构建VSCode金融量化交易环境与实时数据回测

    搭建基于VSCode的金融量化交易环境需先配置Python及VSCode相关扩展,再创建虚拟环境并安装依赖;接着通过AKShare等工具接入历史与实时数据;随后使用Backtrader构建双均线策略并回测;最后对接实盘接口实现自动化交易,形成完整工作流。 搭建一个基于VSCode的金融量化交易环境,…

    2025年12月6日 开发工具
    000

发表回复

登录后才能评论
关注微信