相关文章:


VScode最全面最实用的插件推荐

安装一个强大的主题还是不够的,你需要一组漂亮的图标来满足你的视觉体验。

  • vscode-icons

https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

  • Material Icon Theme

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

图标还是很精美的!很棒的

  • Bracket Pair Colorizer2

给嵌套的各种括号加上不同的颜色,很不错。

  • Path Intellisense

智能路径提示,可以在你输入文件路径时智能提示。

  • *carbon-now-sh

生成漂亮得图片展示,我喜欢了惊艳了

步骤如下:

  • 打开代码文- -选中要生成的代码
  • 打开命令面板:

--【Windows:Ctrl + Shift + P】

--【Mac:Cmd + Shift + P】

- 输入Carbon,回车

导出图片:

  • Codelf

Codelf 是一个用来给变量命名的网站,你只要输入你想起的中文名,它就会给你提供很多建议的命名:

  • Guides

当前所在的级别缩进线会变红

  • Output Colorizer

  • Todo Tree

我在一篇博客进行详细讲述编辑情况自己设置

  • TODO Highlight

高亮 TODO,FIXME、还可以自己配置要高亮的关键字,标记出所有的 TODO 注释

  • Import Cost

  • filesize

在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间

  • *Better Comments

   改过后的颜色  

打开 vscode 的 settings.json 文件进行自己设置,代码如下改动完后重启一下就好

颜色可以参考的网站:https://www.5tu.cn/colors/yansezhongwenming.html

"better-comments.tags": [
{
"tag": "!",
"color": "#FF2D00",
"strikethrough": false,
"backgroundColor": "transparent"
},
{
"tag": "?",
"color": "#00FFFF",
"strikethrough": false,
"backgroundColor": "transparent"
},
{
"tag": "//",
"color": "#EE82EE",
"strikethrough": false,
"backgroundColor": "transparent"
},
{
"tag": "%",
"color": "#FF8C00",
"strikethrough": false,
"backgroundColor": "transparent"
},
{
"tag": "*",
"color": "#3CB371",
"strikethrough": false,
"backgroundColor": "transparent"
},
],
  • fileheader

顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间,ctrl + alt + i你可以在头部插入注释,ctrl + s保存文件后,自动更新时间和作者。

设置里修改搜索fileheader进行修改,重启vscode生效

效果:

  • Indent-Rainbow

带颜色的缩进配上前面的Guides缩进线很完美

  • Code Runner

快速运行

  • Python indent

自动纠正 Python 缩进错误的会报错,很不错。

  • Polacode

和carbon差不多的生成代码截图软件

参考链接:https://www.jianshu.com/p/af33015b2c52

https://www.jianshu.com/p/3eebde5748a6

https://blog.csdn.net/maixiaochai/article/details/90767129

【4】 VScode最全面最实用的插件推荐,用了你就爱上了!的更多相关文章

  1. Xcode 那些简单实用的插件推荐

    古人云“工欲善其事必先利其器”,打造一个强大的开发环境,是立即提升自身战斗力的绝佳途径!   晾一下我的武器库,欢迎大家选用:)     全能搜索家CodePilot 2.0 ------------ ...

  2. vscode 插件推荐 - 献给所有前端工程师(更新与2018.8.1)

    VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用. 走马观 ...

  3. vscode 插件推荐 - 献给所有前端工程师

    VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用. 走马观 ...

  4. [转]vscode 插件推荐 - 献给所有前端工程师(2019.8.7更新)

    原文地址:https://segmentfault.com/a/1190000006697219 VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给 ...

  5. vscode 插件推荐 - 献给所有前端工程师(2018.4.29更新)

    大家好,我是Moer.VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知 ...

  6. vscode前端常用插件推荐,搭建JQuery、Vue等开发环境

    vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,edit ...

  7. Web前端开发人员实用Chrome插件收集

    越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率.尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录 ...

  8. vscode常用快捷键与插件推荐

    一.vscode常用快捷键 1.新建文件:chtr+n 2.新开窗口:ctrl+shift+n 3.分屏:ctrl+1/2/3  4.切换文件:alt+1/2/3或ctrl+tab 5.关闭当前窗口: ...

  9. <IDE>vscode前端常用插件推荐,搭建JQuery、Vue等开发环境

    vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,edit ...

  10. VScode前端插件推荐

    工欲善其事,必先利其器,安利一波前端插件. Chinese (Simplified) Language Pack for Visual Studio CodeVScode汉化插件 Beautify代码 ...

随机推荐

  1. 3 分钟看完 NVIDIA GPU 架构及演进

    近期随着 AI 市场的爆发式增长,作为 AI 背后技术的核心之一 GPU(图形处理器)的价格也水涨船高.GPU 在人工智能中发挥着巨大的重要,特别是在计算和数据处理方面.目前生产 GPU 主流厂商其实 ...

  2. Mac 配置 OpenCV C++ 版本

    今天紀錄一下如何在 Mac 上安裝 OpenCV for C++ 開發環境 使用 Brew 安装,pkgconfig 检测,2023.5.17 Mac x86 ( Intel ) , Mac M1 ( ...

  3. 题解 [HDU6746] Civilization(贪心+模拟)

    来源:2020 年百度之星·程序设计大赛 - 初赛一 一道贪心 + 细节模拟题 题意很简单,这里不详细写了 观察题目,\(n\) 只有 500 ,可以 \(n \times n\) 枚举每个位置作为起 ...

  4. @Constraint注解,做特殊的入参校验

    // @Constraint 是 Java 中的注解之一,用于标记自定义的约束注解.约束注解通常用于数据验证,用来限制字段的取值或格式,确保数据的合法性. @Constraint(validatedB ...

  5. 从0开发3D引擎(十三):使用领域驱动设计,从最小3D程序中提炼引擎(第四部分)

    目录 上一篇博文 下一篇博文 本文流程 回顾上文 解释基本的操作 如何在浏览器上运行index.html 开始实现 准备 建立代码的文件夹结构,约定模块文件的命名规则 模块文件的命名原则 一级和二级文 ...

  6. Angular系列教程之观察者模式和RxJS

    .markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rg ...

  7. css - 去掉图片下的白边

    造成原因: 图片的 display 属性默认是 inline ,而这个属性的 vertical-align 的默认值是baseline. 解决办法1( 建议使用block ,  对 ie浏览器 比较友 ...

  8. Laravel - 修改时间戳

    将 config/app.php文件下将timezone的值改成Asia/Shanghai即可

  9. MySQL复习——20211027

    MYSQL MySQL创建数据库 我们可以在登录MySQL服务后,使用create命令创建数据库,语法如下: CREATE DATABASE 数据库名; 使用root用户登录,root用户拥有最高权限 ...

  10. Git-历史版本切换-log-reset