投稿获客
  1. 创想鸟首页
  2. 用户投稿

分享5款好用又好玩的vscode插件

程序猿 • • 用户投稿 • 阅读 0

分享5款好用又好玩的vscode插件

推荐几个有用的插件，会提高你的开发效率！走过路过不要错过

一、koroFileHeader

先来一个镇场子的！

一键生成佛祖保佑！！！

下载koroFileHeader插件

在这里插入图片描述

安装之后，新建一个文件

在这里插入图片描述

这时候会自动生成一个模板，显示作者的相关信息，当然，这个模板是可以自定义的，先上重头戏，然后再说怎么自定义！

codeDesign

按下快捷键，ctrl+shift+p 输入codeDesign在这里插入图片描述

下面喜欢哪一个点击即可使用！

比如佛祖模板

在这里插入图片描述

在这里插入图片描述

哈哈，是不是还是挺有意思的！

下面的我就不再展示啦，可以自己去试一下！

自定义作者模板

在这里插入图片描述
点击进行配置
在这里插入图片描述
在最后面加上这些即可，不需要更改的只需要写“Do not edit”就不会改变啦！

注释

简单的写一个函数，然后ctrl+alt+t,就会出现如图所示的注释啦！
在这里插入图片描述

二、Better Comments

这个插件啊，主要就是美化你的注释！星星还是很多的，都是五星好评，一次付清！

在这里插入图片描述

在插件介绍页面会有一些标签

在这里插入图片描述

把它复制一下

在这里插入图片描述

然后在里面进行配置，当然也可以在后面进行自定义，符合你自己的习惯！

在这里插入图片描述

效果演示！里面的好处可以自行体会！

在这里插入图片描述

三、windows opacity

这个插件呢，主要就是使得vscode变得透明，使得可以一边看代码，一边看视频，上班划水，绝对利器！

在这里插入图片描述

自带的透明度一般，如果想改的话，这样就可以了，一般235左右就可以了，再低的话摸鱼就会被发现啦！

在这里插入图片描述

四、material theme

这是一款颜色主题的插件，让你的vscode变得更顺眼

在这里插入图片描述

可以在上边选择你喜欢得主题！个人还是比较喜欢Material Theme Ocean的！

在这里插入图片描述

Material Theme Ocean主题，整体看起来还是不错的把

在这里插入图片描述

五、prettier

格式化美化代码

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

这是一段很乱的代码

在这里插入图片描述

ctrl+s保存之后，代码就又会整整齐齐

在这里插入图片描述

创作不易，如果对你有所帮助的话，请点个赞再走吧！

推荐教程： 《vscode入门教程》

以上就是分享5款好用又好玩的vscode插件的详细内容，更多请关注创想鸟其它相关文章！

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

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
0 0

关于作者

程序猿的头像

程序猿签约作者

414.1K 文章
0 评论
2 粉丝
这个人很懒，什么都没有留下～
HackerRank SQL Preparation: Japanese Cities&# Names(MySQL)
上一篇 2025年11月11日 08:01:13
Canva AI 设计产品包装怎么生图？Canva AI 产品包装生图全解析
下一篇 2025年11月11日 08:03:16

相关推荐

  • vscode上怎么运行html_vscode上运行html步骤【指南】 用户投稿

    vscode上怎么运行html_vscode上运行html步骤【指南】

    首先保存文件为.html格式，再通过浏览器或Live Server插件打开预览；推荐安装Live Server实现本地服务器运行与实时刷新，提升开发体验。 在 VS Code 上运行 HTML 文件并不需要复杂的配置，只需几个简单步骤即可预览页面效果。VS Code 本身是一个代码编辑器，不直接运行…

    程序猿的头像 程序猿
    2026年5月10日
    100
  • vscode怎么运行html选择浏览器_vscode选浏览器运html法【教程】 用户投稿

    vscode怎么运行html选择浏览器_vscode选浏览器运html法【教程】

    使用Live Server插件可在VS Code中运行HTML文件并指定浏览器。1. 安装Live Server插件后右键HTML文件选择Open with Live Server即可在默认浏览器中预览。2. 通过设置Live Server的Browser选项为chrome、firefox或edge…

    程序猿的头像 程序猿
    2026年5月10日
    000
  • vscose html怎么运行_vscode运行html方法（拼写修正）【教程】 用户投稿

    vscose html怎么运行_vscode运行html方法（拼写修正）【教程】

    一、安装Live Server扩展可实现自动刷新预览；二、直接右键HTML文件用浏览器打开；三、通过配置tasks.json任务运行文件。 如果您编写了 HTML 文件并希望在浏览器中查看其效果，但不知道如何在 Visual Studio Code 中运行，可以通过以下几种方式快速预览页面内容： 一…

    程序猿的头像 程序猿
    2026年5月10日
    000
  • VSCode内置了哪些编程语言插件？ 用户投稿

    VSCode内置了哪些编程语言插件？

    vscode 内置语言插件一览 VSCode 已内置多款语言插件，免除安装市场插件的步骤。以下是如何查看内建语言插件： 快捷键 Ctrl+Shift+P 唤出命令窗口输入并选择 “Show Built-in Extensions”左侧出现的 “Programmin…

    程序猿的头像 程序猿
    2026年5月10日
    000
  • 深入探索Go语言交互式调试：从GDB到Delve 用户投稿

    深入探索Go语言交互式调试：从GDB到Delve

    Go语言的交互式调试功能至关重要，开发者可通过多种工具实现断点设置、单步执行等操作。本文将首先介绍传统的GDB调试方式及其在IDE中的集成，随后重点阐述Go语言原生调试器Delve的优势与使用，并结合主流IDE提供详细的调试实践指南，助您高效定位和解决Go程序中的问题。 Go语言调试基础：GDB 在…

    程序猿的头像 程序猿
    2026年5月10日
    000
  • 在vscode中怎么运行html_vscode运行html文件方法【教程】 用户投稿

    在vscode中怎么运行html_vscode运行html文件方法【教程】

    1、使用Live Server扩展可实现自动刷新预览，安装后右键选择Open with Live Server即可在浏览器中实时查看HTML页面效果。 如果您在使用VSCode编写HTML文件，但不知道如何快速预览页面效果，可以通过多种方式在浏览器中运行HTML文件。以下是几种常用的实现方法： 一、…

    程序猿的头像 程序猿
    2026年5月10日
    000
  • C++如何为项目配置调试环境 用户投稿

    C++如何为项目配置调试环境

    配置C++调试环境需生成调试符号并正确设置IDE或调试器。首先编译时添加-g（GCC/Clang）或/Zi（MSVC）以生成调试信息，使用CMake时设CMAKE_BUILD_TYPE为Debug；其次在IDE中配置可执行文件路径、工作目录、命令行参数、环境变量及调试器类型（如GDB、LLDB），V…

    程序猿的头像 程序猿
    2026年5月10日
    000
  • 格式化和 Linting 以保持一致性 用户投稿

    格式化和 Linting 以保持一致性

    此活动涉及在我的开源项目 genereadme 中实施统计分析工具，以提高代码质量和一致性。 克莱布恩特拉 / 基因自述文件 genereadme 是一个命令行工具，它接收源代码文件并生成 readme.md 文件，该文件利用 llm 解释文件中的代码。 贡献 欢迎为 genereadme 做出贡献…

    程序猿的头像 程序猿
    2026年5月10日
    000
  • Visual Studio Code 中 Python 绘图遇到问题怎么办？ 用户投稿

    Visual Studio Code 中 Python 绘图遇到问题怎么办？

    Visual Studio Code 中的 Python 绘图问题 作为一名 Python 初学者，在 Visual Studio Code 中绘图时遇到了问题？请看这里： 问题一：无法绘制图形 您提供的代码中没有明确的错误，但它可能无法正常工作，因为您没有使用适当的库进行绘图。建议使用 Matpl…

    程序猿的头像 程序猿
    2026年5月10日
    000
  • Golang配置远程调试环境及注意事项 用户投稿

    Golang配置远程调试环境及注意事项

    远程调试Golang应用需在远程服务器运行delve调试服务器，本地IDE通过网络连接实现断点、变量查看等功能。首先在远程安装Go和delve，使用go build -gcflags=”all=-N -l”编译禁用优化，上传二进制并启动delve监听端口（推荐通过SSH隧道监…

    程序猿的头像 程序猿
    2026年5月10日
    100
  • 使用 Mask 导入本地图片时，如何解决跨域问题？ 用户投稿

    使用 Mask 导入本地图片时，如何解决跨域问题？

    跨域疑难：如何解决 mask 引入本地图片产生的跨域问题？ 在使用 mask 导入本地图片时，你可能会遇到令人沮丧的跨域错误。为什么会出现跨域问题呢？让我们深入了解一下： mask 框架假设你以 http(s) 协议加载你的 html 文件，而当使用 file:// 协议打开本地文件时，就会产生跨域…

    程序猿的头像 程序猿
    2025年12月24日
    800
  • 为什么在 React 组件中无法获得 Tailwind CSS 语法提示？ 用户投稿

    为什么在 React 组件中无法获得 Tailwind CSS 语法提示？

    为什么在 React 组件中无法获得 Tailwind CSS 语法提示？ 你在 VSCode 中编写 HTML 文件时，可以正常获取 Tailwind CSS 语法提示。但当你尝试在 React 组件中编写 Tailwind CSS 时，这些提示却消失不见了。这是什么原因造成的？ 解决方案 要解决…

    程序猿的头像 程序猿
    2025年12月24日
    700
  • 如何在 VSCode 中为 React 组件启用 Tailwind CSS 提示？ 用户投稿

    如何在 VSCode 中为 React 组件启用 Tailwind CSS 提示？

    在 vscode 中为 react 组件启用 tailwind css 提示 如果你在使用 vscode 编写 react 组件时，发现 tailwind css 提示无法正常显示，这里有一个解决方法： 安装 tailwind css intellisense 插件 这是实现代码提示的关键，确保你已…

    程序猿的头像 程序猿
    2025年12月24日
    200
  • Vue3 中如何将页面上的 PX 单位转换为 REM？ 用户投稿

    Vue3 中如何将页面上的 PX 单位转换为 REM？

    vue3 下如何实现某个页面 px 自适应到 rem？ 在 vue3 中，您可以在某个页面中使用 px 转 rem 的自适应功能，以免影响其他项目 ui 框架。以下是实现方法： 使用 jquery 获取页面宽度，并将其作为基准值。例如，使用 375 作为基准，您可以在页面 mounted 生命周期函…

    程序猿的头像 程序猿
    2025年12月24日
    700
  • 如何实现 Vue 3 项目中特定页面自适应，避免影响全局 UI 框架？ 用户投稿

    如何实现 Vue 3 项目中特定页面自适应，避免影响全局 UI 框架？

    自适应页面 px 到 rem 插件探索 在 vue 3 项目中，开发者有时需要让某个特定页面具有自适应大小，即根据不同分辨率自动调整 px 到 rem 的转换。然而，传统的 px-to-rem 插件可能会影响整个项目的 ui 框架。 为了解决这个问题，这里提供了一种利用 javascript 和 v…

    程序猿的头像 程序猿
    2025年12月24日
    600
  • Vue 3 页面如何实现 px to rem 自适应？ 用户投稿

    Vue 3 页面如何实现 px to rem 自适应？

    如何在 vue 3 页面中实现 px to rem 自适应？ 在 vue 项目中，有时需要让特定的页面进行 px to rem 自适应，以实现自动缩放。以下是一个可用的解决方案： 使用 javascript 获取页面宽度，并以 375px 作为基准值。例如： let appwidth = $(‘#a…

    程序猿的头像 程序猿
    2025年12月24日
    700

  • CSS 砌体 Catness

    css 就像技术中的其他东西一样 – 它总是在变化和发展。该领域正在进行的开发是 css 网格布局模块级别 3，也称为 css masonry 布局。 theo 制作了一段视频，介绍了它的开发方式以及苹果和谷歌就如何实施它进行的辩论。 所有这些让我很高兴尝试 css 砌体！ webkit…

    程序猿的头像 程序猿
    用户投稿 2025年12月24日
    000
  • 如何解决VSCode中折叠部分的代码复制问题？ 用户投稿

    如何解决VSCode中折叠部分的代码复制问题？

    Vscode中折叠代码的复制方法 当Vscode中的代码过多时，可以将其折叠起来以方便查看和编辑。不过，有时用户可能会发现折叠后复制代码时只复制了显示的部分，而折叠部分没有被复制。以下是如何解决此问题的方法： 使用快捷键Ctrl+C直接复制 当代码折叠时，直接使用Ctrl+C快捷键复制即可复制所有代…

    程序猿的头像 程序猿
    2025年12月24日
    300
  • 如何复制折叠的代码？ 用户投稿

    如何复制折叠的代码？

    Visual Studio Code 中如何复制折叠的代码？ Visual Studio Code (vscode) 中，当遇到过长的代码时，为了提高可读性和简洁性，开发人员会经常使用折叠功能将代码折叠起来。然而，在折叠代码后，直接按住 Ctrl + C 复制代码时，只会复制展开的部分，而折叠的部分…

    程序猿的头像 程序猿
    2025年12月24日
    000
  • 如何在 VSCode 复制折叠的代码？ 用户投稿

    如何在 VSCode 复制折叠的代码？

    如何复制折叠的 VSCode 代码 使用 VSCode 时，代码过长可能会造成不便。在折叠代码后，发现无法正常复制折叠的部分，令人感到烦恼。本文将介绍一种解决方案，帮助你轻松复制折叠的 VSCode 代码。 问题：如何复制折叠起来的 VSCode 代码？ 当你折叠代码后，直接选中复制只会复制未折叠的…

    程序猿的头像 程序猿
    2025年12月24日
    400

发表回复

登录后才能评论
关注微信