推荐二十七个vscode有用插件,一起安装吧!

本篇文章给大家介绍一下vscode中有用的插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

推荐二十七个vscode有用插件,一起安装吧!

Python

提供了代码分析,高亮,规范化等很多基本功能

python

vscode-icons

各种漂亮图标

vscode-icons
点击这里设置图标

点击这里设置图标
然后选vscode-icons

选择 vscode-icons

 filesize

左下角显示文件大小的插件

filesize
filesize显示效果

Bracket Pair Colorizer

成对的彩色括号彩色括号

Settings Sync

可以同步 VS Code设置同步到 GitHub 账号,包括 setting 文件和插件设置等等,重新配置VS Code的时候只需同步一下即可。安装完成后,只需要新增一个Github token,添加后,剩下的根据个人喜好进行配置,其他的插件自动帮你完成。
Settings Sync
这里需要说一下的是很多不负责任的博文在选择 token权限的时候说让全选,其实是很危险的行为。我一开始也感觉哪里怪怪的,因为要安装的插件很多,也没有太细究,直到我需要在另一台电脑上同步VS Code 设置的时候,点开了 Setting Sync 的官网看了看才发现,哪里需要那么多权限,只需要一个权限就好。如下图
Setting Sync

Atom-Material
一款安卓风的颜色主题,推荐使用推荐的字体设置。

“editor.fontSize”: 16, “editor.fontWeight”: “400”, “editor.lineHeight”: 24, “editor.letterSpacing”: 0.5

 Atom-Material
推荐设置的显示效果

设置后的显示效果

Path Autocomplete

自动感知目录下的文件,自己选择就好。

注意: VSCode本身也支持路径的感知,需要配置好用系统自带的还是用这个插件,否则,每个路径下的条目都会有两份。
Path Autocomplete

8. Import Cost

在行尾显示导入的包的大小

这个好像只支持JavaScript。
Import Cost

Indent-Rainbow

带颜色的缩进

Indent-Rainbow
缩进效果

锁紧效果

GitLens

能显示每一行代码的作者以及提交时间。

GitLens
效果

GitLens使用效果

Git history

Git 历史

Git History

Color Highlight

直观显示在 css/web 中定义的颜色

Color Hightlight

Quokka.js

实时执行 JavaScript 代码(做快速的 demo 很有用)

Quokkia.js

Code Runner

JobTap一箭职达 JobTap一箭职达

面向大学生群体的智能求职推荐平台

JobTap一箭职达 24 查看详情 JobTap一箭职达

立刻运行代码

Code Runner

Vetur

Vue 工具插件

Vetur

Live server

实时显示网页情况

Live server

Python indent

自动纠正 Python 缩进

Python Indent

vscode-fileheader

头部注释添加/更新插件

vscode-fileheader

TODO Highlight

高亮显示备注中的 TODO 事项,推荐配合 第19个插件, Todo Tree 使用

TODO Highlght

Todo Tree

点击左侧栏“树”的logo,显示 TODOList 条目,点击相应的条目,可以打开文件并定位到 TODO 行。

推荐二十七个vscode有用插件,一起安装吧!

Auto Close Tag

自动写关闭标签的插件

在这里插入图片描述

Auto Rename Tag

自动重命名关闭标签

Auto Rename Tag

Polacode

代码段生成图片

Polacode

Guides

比 VS Code自带的更好的参考线,可自定义

Guides

 Color Info

显示css中的颜色属性信息

Color Info

Regex Previewer

正则结果预览插件

Regex Previewer

Mithril Emmet

注意:其实vscode 内置了Emmet插件
高效编写 HTML、CSS 代码的插件,能快速输入大部分内容
 Mithril Emmet

比如,在编辑 HTML 文件时,输入tr*2>td*3,然后回车,就能快速生成一个两行三列的表格标签。

在这里插入图片描述
在这里插入图片描述

推荐学习:《vscode教程》

以上就是推荐二十七个vscode有用插件,一起安装吧!的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月8日 21:13:00
下一篇 2025年11月8日 21:17:17

相关推荐

  • 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

发表回复

登录后才能评论
关注微信