首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

10 个超极好用的 VS Code 神级插件,每个程序员必备!

你使用的插件将会对你的工作效率以及工作方式产生很大的影响。这就是为什么我们要运用 Visual Studio Code 插件列表的原因。 我们改变工具,工具再改变我们。...—— 杰夫・贝佐斯(Jeff Bezos) 请注意,所有这些插件都可以在 Visual Studio Marketplace 上免费获得。...Visual Studio Intellicode 下载超过 320 万次的 Visual Studio Intellicode 是 Visual Studio 下载次数最多的插件之一。...Visual Studio Intellicode 使用机器学习技术来观察和查找众多开源 GitHub 项目中使用的模式,并在编码时提供建议。 ? Git Blame 这是谁做的?!...这个插件使呈现 SVG 文件和查看它们的外观成为可能,而不必离开编辑器。此外,这个插件还具有用于转换为 PNG 并生成数据 URI 模式的选项。 ?

1.5K20

10 个实用的 VS Code 插件,告别低效率编程!

——杰夫·贝佐斯(Jeff Bezos) 提示:这些插件都可以在 Visual Studio Marketplace 上免费找到。...https://marketplace.visualstudio.com/ 0、Visual Studio Intellicode 下载超过 320 万次的 Visual Studio Intellicode...在使用特性分支时,你可以使用分支名称来引用票据。因为Git Blame会告诉你哪一个提交(也就是哪个分支)的一行代码被更改了,所以你就会知道是哪一个票据导致了这种更改。...微软发布的Chrome调试器允许你可以直接在Visual Studio Code中调试源文件。 ? 7、ESLint ESLint插件将ESLint集成到Visual Studio Code中。...既然你每天都会看到你的编辑器,那为什么不把它做得尽可能的漂亮呢? 有大量的自定义插件,可以改变侧边栏的配色方案和图标。

1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 Visual Studio 自定义外部命令 (External Tools) 快速打开 git bash 等各种工具

    Visual Studio 支持自定义的外部命令,于是即便 Visual Studio 原生没有的功能,插件没有提供的功能,你也能仅仅通过配置就实现。...本文将教你如何自定义 Visual Studio 的外部命令,并提供一些我自己正在使用的外部命令配置。 image.png 看,就是一键的按钮!...所以,你想不想也在 Visual Studio 的工具栏上增加高效率的功能按钮呢?...一键打开 Git Bash 一键打开解决方案所在文件夹 一键 Blame 正在打开的文件 (话说 VS17 的 Blame 功能也没好到哪儿去,还是得 TortoiseGit) 我们开始吧!...image.png 在一个个添加完成之后,Visual Studio 的顶部工具栏中就会出现我们刚刚添加的各种外部命令了。点击可以一键使用相应的功能。

    1.9K20

    28 个提升开发幸福度的 VsCode 插件

    REST Client 它允许你发送 HTTP 请求并直接在 Visual Studio 代码中查看响应。 image.png 7....GitLens 正如其作者所说,GitLens 增强了 Visual Studio Code 中内置的 Git 功能,它包含了许多强大的功能,例如通过跟踪代码显示的代码作者,提交搜索,历史记录和GitLens...Path Intellisense — Visual Studio Code插件,可自动填充文件名。...Version Lens — 在Visual Studio代码编辑器中显示npm,jspm,bower,dub和dotnet核心的软件包版本信息。 14....在你输入代码时,它将立即运行你的代码,并在代码编辑器中显示各种执行结果。 image.png Quokka 的一个很棒的扩展插件,当你准备技术面试时,你可以输出每个步骤,而不必在调试器中设置断点。

    9.8K30

    g4e基础篇#3 Git安装与配置

    (2.15或者以上版本) • Visual Studio 2017 社区免费版 • Visual Studio Code • Cmder (Windows上最好用的命令行工具) • Visual Studio...上图中最后2个要选中,TrueType字体让命令行中的文字更加清晰,每天检查更新保证你可以一直运行Git的最新版本,Git的版本更新还是比较频繁的,之前我们在很多项目中也发现由于某一版本的缺陷造成问题,...Studio Team Service 和 Team Foundation Server 的完善集成,另外Visual Studio还是最好的差异比较和冲突解决工具,这一点在后续的操作中大家就会有所体会...历史视图 比较视图 免费下载地址: https://www.visualstudio.com/zh-hans/ Visual Studio Code Visual Studio Code 是一款轻量级的代码编辑器...vscode中通过插件的方式提供了大量的git工具,包括:git blame, git history, diff等非常实用强大的工具帮助你解决很多日常使用难题。

    2.1K100

    谈谈p5js编辑器

    小菜的读者中有使用 p5js 进行学习和创作的,私信我想了解下 p5js 除了 Processing 软件的 p5js 模式,还有什么编辑器可以用。 这里小菜就单独开一篇文章来说下这事。...编辑器真的“没那么重要”。 不过如果使用 p5js 的读者想获得好的编辑体验,那还是可以说道说道的。 小菜这里列举下 p5js 可以用到的编辑器。...评分:★★★☆☆ Visual Studio Code + p5Canvas插件 + p5js Snippets Visual Studio Code 是微软公司出品的一款编辑器,核心功能稳定,配合社区强大的插件...评分:★★★★☆ Visual Studio Code + Live Server p5Canvas 插件只需要一个 js 便可以右侧实时改动预览,但如果使用了 html,那么我们便需要一个插件,能够在本地机器启动一个...(当然 p5js Snippets 代码提示插件还是需要安装的) 评分:★★★★★ 结论 以上评分仅是小菜个人使用体验得出的结论,如果和大家的不一致,不要喷哈。 还是那句话,专注于创作本身。

    3.4K20

    vscode语言插件设置

    Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项...SVG Viewer 此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序,你无需离开编辑器,便可以打开 SVG 文件并查看它们。...在默认的情况下,它会查找 TODO 和 FIXME 关键字。当然,你也可以添加自定义表达式。 3.10. Icon Fonts 这是一个能够在项目中添加图标字体的插件。...Git Blame 在状态栏显示当前行的Git信息 3.26. Git History(git log) 查看git log 3.27....Markdown Preview Enhanced Markdown Preview Enhanced 是一款为 Atom 以及 Visual Studio Code 编辑器编写的超级强大的 Markdown

    1.6K20

    VSCode插件大全|VSCode高级玩家之第二篇

    VSCode中文简体包 插件名:Chinese (Simplified) Language Pack for Visual Studio Code 这个插件一键把整个VSCode的文字转换成中文。...此外,与传统的结对编程不同,Visual Studio Live Share允许开发人员一起工作,同时保留他们的个人编辑器首选项(例如主题、键绑定),以及拥有自己的游标。...": true } 自动同步标签名 插件名:Auto Close Tag 自动重命名成对的HTML/XML标记,与Visual Studio IDE相同。...PHP规范检测 插件名:phpcs 这个linter插件为Visual Studio代码提供了一个到phpcs的接口。它将与具有“PHP”语言模式的文件一起使用。...插件名:Java Extension Pack Java Extension Pack (Java插件全家桶) 是一组流行的插件,可以帮助在Visual Studio Code中编写、测试和调试Java

    4.7K30

    VS Code插件推荐

    引言VS Code是微软开发的的一款代码编辑器,既拥有高自由度、又拥有高性能和高颜值,最关键的是,VS Code还是一款免费并且有团队持续快速更新的代码编辑器。...而VS Code之所以VS Code安装插件只需要点击图片所示按钮,即可进入插件区,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启VS Code使得插件生效。...markdownlint是Visual Studio代码编辑器的扩展,其中包括一个规则库,用于鼓励Markdown文件的标准和一致性。...itemName=JSONHero.jsonhero-`VS Code` "jsonhero.io tools for VS Code - Visual Studio Marketplace")在jsonhero.io...中快速查看JSON-一个美丽的web JSON查看器在本地可以轻松查看json分级.同样推荐的好用插件Better Comments: 给注释加点色彩.Code Runner: 直接运行代码.Docker

    49340

    使用Visual Studio Code开发.NET Core看这篇就够了

    答案是肯定的,因为微软已经开发了一个名为Visual Studio Code的跨平台和开源的文本编辑器。...幸运的是,Visual Studio Code扩展中提供了类似于Visual Studio的解决防范资源管理的插件来解决这个问题。下面我们一步一步的看下如何使用此插件吧!...如果我们在Visual Studio中有类似于Test Explorer的东西来执行我们的单元测试并查看结果,那将会很好。...好消息是有一个名为.NET Core Test Explorer的Visual Studio Code插件。下面按照下图所示在Visual Studio代码中安装此扩展吧。这里不过多说明了 ?...与Visual Studio类似,我们可以通过单击源代码文件的左边距,或者将光标放在一行代码上并按F9,在源代码中设置行断点。断点在编辑器的左边缘显示为红点。 要开始调试,请按F5。

    5.7K00

    常用的一些vscode前端插件

    习惯了之后还是很好用的 6 Auto Close Tag 自动补全结束标签 7 Auto Rename Tag 自动重命名结束标签 8 any-rule 正则插件,可以查找一些常用正则 9 ESLint...,比如pull、push、修改比较、log、merge 12 git history 右键弹出菜单可以选择看文件的log,这与分支的log是有区别的 还可以查看某一行的history 13 git blame...可以快速的查看某一行最近的一次修改是谁、什么时候、哪次提交修改的 14 Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项...15 HTML Boilerplate 通过使用 HTML模版插件,摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。...Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈 29 SVG Viewer 此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序,你无需离开编辑器,便可以打开

    1.9K30

    日常使用vscode开发flutter相关的插件

    ,特别适合dart这种嵌套层级很深声明式语言, 这个插件可以很方便的区分括号的开始和截止位置 GitLens Supercharge the Git capabilities built into Visual...Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly...是在该行末尾的引人注目的当前行责任注释,可通过悬停获取详细的责任信息,当然还有很多其他的feature,请自行探索。...Material Icon Theme Material Design Icons for Visual Studio Code 针对不同的文件icon和文件夹icon设计了一套主题图标 image.png...,插件安装完成后,通过快捷键格式化当前的文件 RESTClient REST Client for Visual Studio Code 在VSCode里面直接发送请求,能自动识别.http和.rest

    1.3K00
    领券