安装此

Quokka.js类似的扩展 –

• 使用括号配对着色(Bracket Pair Colorizer) 和 彩虹缩进(Indent Rainbow)后

  

  snippets(代码片段)

  代码片段是编辑器中的短代码。因此，可以输入 imr 并按Tab 来展开该代码片段，而不是'import React from '。类似地，clg 变成了 console.log。

  各种各样的框架和类库都有很多代码片段：Javascript，React，Redux，Angular，Vue，Jest。 我个人认为 Javascript 代码片段非常有用，因为我主要使用 JS 。

  一些很好的代码片段扩展 –

  • 使用 Todo Highlighter（高亮）类似的扩展 –

    • REST Client

      作为 web 开发人员，我们经常需要使用 REST api。为了检查url和检查响应，使用了 Postman 之类的工具。但是，既然编辑器可以轻松地完成相同的任务，为什么还要使用不同的应用程序呢? 

      自动闭合标记(Auto Close Tag)和自动重命名标记(Auto Rename Tag)

      自从React的出现以及它在过去几年获得的吸引力以来，以 JSX 形式出现的类似 html 的语法现在非常流行。我们还必须使用 JavaScript 标签进行编码。任何web开发人员都会告诉你，输入标签是一件痛苦的事情。在大多数情况下，我们需要一个能够快速、轻松地生成标签及其子标签的工具。

      

      类似的扩展 –

      • 类似的扩展 –

        • Git History — 显示提交历史的精美图表等等。推荐。
        • Git Blame  — 它允许您在状态栏中查看当前所选行的Git Blame信息。 GitLens也提供了类似的功能。
        • Git Indicators — 它允许你查看受影响的文件以及状态栏中添加或删除的行数。
        • Open in GitHub / Bitbucket / Gitlab / VisualStudio.com ! — 它允许您使用单个命令在浏览器中打开repo。

        Git项目管理器(Git Project Manager,GPM)

        Git项目管理器(Git Project Manager,GPM)允许你直接从 VSCode 窗口打开一个针对Git存储库的新窗口。 基本上，你可以打开另一个存储库而无需离开VSCode。

        安装此扩展后，您必须将 gitProjectManager.baseProjectsFolders 设置为包含 repos 的URL列表。例如：

        {     "gitProjectManager.baseProjectsFolders": [         "/home/user/nodeProjects",         "/home/user/personal/pocs"     ] } 

        

        类似的扩展 –

        VSCode Icons

        使您的编辑更具吸引力的图标！

        13!

        类似的扩展 –

        • 我们可以使用快捷键来快速的选择更换主题；

          首先：按下 Ctrl + k

          然后再按下：Ctrl + t

          其它推荐

          • Fira Code — 带编程连体字的等宽字体。 愚人码头注：clone 项目后，找到 ttf 文件夹，然后安装该文件夹中的字体文件。重新启动 VSCode ，选择TOOLS -> Options -> Fonts and Colors ，选择 Fira Code 即可。
          • Live Server — 一个具有静态和动态页面的实时重新加载功能的本地开发服务器。
          • EditorConfig for VS Code – 此插件尝试使用.editorconfig文件中的设置覆盖用户/工作区设置，不需要其他或特定于 vscode 的文件。与任何EditorConfig插件一样，如果未指定root = true，EditorConfig将继续在项目外部查找.editorconfig文件。
          • Prettier for VSCode — 一个代码格式化工具。
          • Bookmarks – 它可以帮助您在代码中导航，轻松快速地在重要位置之间移动。不再需要搜索代码，它还支持一组选择命令，允许您选择书签线和书签线之间的区域，它对日志文件分析非常有用。
          • Path Intellisense — Visual Studio Code插件，可自动填充文件名。
          • Version Lens — 在Visual Studio代码编辑器中显示npm，jspm，bower，dub和dotnet核心的软件包版本信息。

          开发中可能存在的bug没法实时知道，事后为了解决这些bug，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具Fundebug。

          原文：

          关键字：