vscode好看的界面常用插件

最新推荐文章于 2025-04-15 14:13:59 发布
最新推荐文章于 2025-04-15 14:13:59 发布
阅读量1.8k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_46299442/article/details/116199636
版权
本文介绍了VSCode中提升界面美观度和提高效率的插件，如Bracket Pair Colorizer实现彩色括号，Atom One Dark Theme主题，carbon-now-sh用于生成漂亮的代码截图，以及Polacode快速创建代码图片。同时解决了VSCode输入中文出现乱码的问题，只需将文件编码更改为GBK，并推荐了runcode插件用于便捷的代码运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Bracket Pair Colorizer 彩色括号

会让不同层级的括号有颜色

Atom One Dark Theme 主题

 

carbon-now-sh 好看的代码截图

全选代码  然后 ctrl+shift+p 选择carbon

会跳转到一个网站，在这里设置输出图片的各种样式。

 

Polacode

Ploacode的使用主要是在VS Code平台上，需要安装该插件。直接通过VS Code左侧扩展栏查找并进行安装即可，安装后如下图。

最低0.47元/天 解锁文章
customize-ui:vscode的UI自定义插件
04-29
自定义UI自述文件 此实验性扩展允许自定义VSCode用户界面，而超出了通常的范围，例如 更改界面字体 macOS上的嵌入式标题栏 侧边栏下方的活动栏 在settings.json中方便地指定的自定义样式表规则 支持的配置选项 customizeUI.activityBar 设置为top ，活动栏将位于侧栏上方。 当设置为bottom ，活动栏将位于侧栏下方。 设置为wide ，活动栏将与交通信号灯的宽度匹配（对于macOS嵌入式菜单栏）。 customizeUI.moveStatusbar 启用后，将状态栏移动到面板下方（端子，输出，问题）。 为侧边栏获得一些空间很有用。 警告：如果将面板设置为左侧或右侧，效果不佳， 添加此设置是为了能够禁用默认行为。 customizeUI.activityBarHideSettings 启用后，将在水平（ bottom ）活动栏中隐藏“设
vscode verilog sv常用插件
05-05
本话题聚焦于VSCode中的常用插件，这些插件能显著提升Verilog和SystemVerilog的编写效率和代码质量。 首先，`teros-technology.teroshdl-2.0.13.vsix` 是TerosHDL插件，它提供了对Verilog和SystemVerilog的强大支持...
16个不容错过的VScode插件
weixin_52740695的博客
01-19 1万+
VSCode。
VS Code怎么换颜色
最新发布
weixin_48884558的博客
04-15 3272
"activityBar.background": "#FFFFFF" // 活动栏纯白。"editor.background": "#FFFFFF", // 编辑器背景纯白。"statusBar.background": "#FFFFFF", // 状态栏纯白。"sideBar.background": "#FFFFFF", // 侧边栏纯白。在 VS Code 中，你可以通过修改主题或自定义编辑器颜色来将界面改为白色。：安装浅色主题扩展（如 One Light Pro）。切换到你安装的主题。
VSCode 插件大全
long_steve的博客
07-29 1009
1）给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色。格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则。（2）这种相关插件很多，有些官网不维护了，但是。在output中分颜色显示错误代码！（2）很多插件在公司内部库中没有。//设置默认格式化文档插件。...............................................................
最新最全 VSCODE 插件推荐（2024版）
小司机的奥拓
01-24 1万+
一、主题及图标二、功能强化三、Git 集成四、数据库五、编程美化六、开发效率七、前端开发八、数据分析九、AI 辅助十、修仙插件。
提高开发效率的必备！超实用的VSCode插件推荐
热门推荐
希望看完文章的你能够带着答案离开。
01-03 5万+
提高开发效率的必备！超实用的VSCode插件推荐
vscode 开发vue常用插件
06-05
6. **MS-CEINTL.vscode-language-pack-zh-hans-1.79.2023053109.vsix**：这是VSCode的中文语言包，将编辑器界面翻译成简体中文，让国内开发者使用起来更加亲切，降低理解和学习的难度。 7. **xabikos....
vscode常用插件包Linux C
10-30
本包针对Linux用户，提供了适用于VSCode的一系列常用插件，旨在优化C语言的开发体验。下面，我们将详细讨论如何在Ubuntu系统中安装VSCode，以及如何安装和使用这些C语言的插件。 首先，我们需要在Ubuntu上安装...
vscode插件包.rar
08-05
- `Code Snippets`插件允许用户自定义代码片段，常用的功能可以快速输入，提高编码效率。 8. **主题和图标包**： - 为了个性化工作环境，用户还可以选择不同的颜色主题和图标包，如`Material Theme`和`File Icons...
超实用的VS Code插件推荐
明静致远
07-05 9171
VS Code代码编辑器中提供了丰富的插件，满足不同开发者的需求。这里为大家推荐一些强大的VS Code插件，帮助你打造一个个性化的开发环境，让你的编码体验更加舒适和高效。打开扩展模块，输入安装包名称，回车进行搜索，点击install即可无脑安装。
VSCode编辑器常用24款基础插件
weixin_53731501的博客
08-10 1万+
在编写HTML/XML代码时。
vscode流程图插件、diagrams网页端和桌面工具
赶路人儿
07-02 8092
一、diagrams介绍： diagrams提供了一套网页版流程图绘制，以及对应的桌面版本。 官网：https://www.diagrams.net/(或者http://draw.io/)，进入后可以在线绘制流程图。 下载桌面版地址：https://github.com/jgraph/drawio-desktop/releases，介绍：drawio-desktopis adiagrams.netdesktop app based onElectron.毫无疑问，diagrams也是用了E...
2024年VSCode插件最新推荐（54款）
wfq741985885的博客
05-24 7515
Alignment 是一个非常实用的 VSCode 插件，它可以帮助你快速对齐代码中的各种元素，使用 Alignment 非常简单，只需要在 VSCode 中按下 Ctrl + Shift + P，然后输入“Alignment”即可查看插件的所有命令和快捷键。该插件用于帮助我们统计项目代码的行数，安装插件后，先选中需要进行代码统计的代码文件夹，然后鼠标右键点击唤出菜单，选择“Count lines in directory”，该扩展就是自动生产一个 .VSCodeCounter 的文件夹。
VScode 常用插件推荐，非常全面
书呆子ITme
03-22 2万+
VScode常用插件推荐，非常全面！
VS Code从安装到设置【详细教程】
zy1992As的博客
10-05 771
为了方便编辑网页代码，前端工程师通常会选择一些较便捷的代码编辑工具。例如，Editplus、notepad++、 Hbuilder、 sublime、 Dreamweaver、VS Code等。其中VSCode轻巧便捷、免费开源，并且提供了插件扩展功能，深受网站制作人员的青睐。本节将详细介绍VS Code的安装、设置和使用技巧。
Visual Studio Code 插件Polacode的使用技巧
孙叫兽的博客
03-08 3623
作者: 孙叫兽一个自力更生技术博主 公众号: 「孙叫兽杂谈」Polacode插件的作用这个插件就是可以快速生成漂亮的代码截图， 比如要在博客里放置一个漂亮的代码截图，或者是快速分享到其它网络平台 都可以使用这个截图插件 进行代码截图 非常漂亮!!我们打开我们的vscode,在扩展模块搜索Polacode，这里有很多不用的版本，功能都是一样的，我们选择下载量最多的那个就行。安装成功后就可以尽情的玩耍...
【深度学习（43）】使用vscode中的Polacode插件进行代码截图
m0_51579041的博客
07-09 607
按ctrl+shift+X，搜Polacode，点击安装该插件 按ctrl+shift+p，输入Polacode，点击打开Polacode插件 将需要截图的代码复制到右侧，按下面的按钮进行png格式图片保存 查看保存的结果
VSCODE代码分享插件Polacode-2020
weixin_43688734的博客
02-07 3735
我们可以使用Carbon这个网页来制作代码图片，但是还需要打开网页，复制-粘贴代码，比较麻烦。VSCODE有一个代码分享得插件，可以直接在编辑器里面生成代码图片，很方便，现在分享给大家。 安装插件 在VSCODE里面搜索polacode，会出现很多类似的插件，第一个出现的Polacode是原版，其余的都是模仿的版本，但是原版我在VSCODE上使用没有反应，所以只好使用Polacode-2020，效果也非常好。点击“安装”即可。 按ctrl+shift+p，打开命令面板，输入polacode，打开这个插件
vscode开发vue常用插件
09-14
常用的VSCode开发Vue2的插件有： 1. Vetur：提供语法高亮、智能感知、Emmet等功能，同时包含格式化代码的功能。 2. EsLint：用于语法纠错，帮助开发者规范代码。 3. Auto Close Tag：自动闭合HTML/XML标签，减少编码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值