vscode open in browser用不了_前端/JS/React的终极VSCode设置

我的终极Atom编辑器设置(适用于JS / React)一文非常受欢迎，但不久前我迁移到了VSCode。

为什么？速度，稳定性和TypeScript。

总的来说，我很满意这次的切换。和Atom一样，对我来说，开箱即用的编辑器有很多缺失的功能。然而，它被扩展功能所覆盖。

我将此列表分为实用工具和HTML/CSS/JS/React特定扩展，按字母顺序排序。

---

实用工具

/ Bracket Pair Colorizer /

此扩展名允许用颜色标识匹配的括号，用户可以定义要匹配的字符以及要使用的颜色。

/ Code Spell Checker /

一个基本的拼写检查器，可以很好地与camelCase代码一起使用。

该拼写检查器的目的是帮助你捕获常见的拼写错误，同时保持较低的误报率。

/ EditorConfig for VS Code /

为VSCode提供EditorConfig和 .editorconfig 支持。

/ File Utils /

创建，复制，移动，重命名和删除文件和目录的便捷方法。

我在文件资源管理器中配置了键盘快捷键，例如 r 可以重命名，而 d 可以复制。

/ Find Related Files /

根据用户定义的配置规则来查找与当前文件相关的文件。我用它来查找基于源文件的规格/测试文件。

/ FiraCode /

具有编程连字的等宽字体。

tl; dr——将 !==，=> 等转换为漂亮的符号。

/ GitLens — Git supercharged /

为Visual Studio Code中内置的Git功能加码---通过Git批注和代码透镜，一目了然地显示代码作者的身份，无缝地浏览和探索Git仓库，通过强大的对比命令获得有价值的洞察力，等等。

/ indent-rainbow /

此扩展名使文本前面的缩进着色，每步交替四种不同的颜色。有些人可能会发现它对于编写Nim或Python的代码很有帮助。

/ Markdown All in One /

编写Markdown所需的全部内容(键盘快捷键，目录，自动预览等)。

/ Multi Line tricks /

在VSCode上启用Alt+L(行选择)和Alt+Shift+L(选择到多光标)行为。另一个我非常想念Sublime的功能。

/ open-in-github /

在github.com中打开当前项目或文件。

/ Path Intellisense /

自动完成文件名的Visual Studio Code插件。

/ Project Manager /

在项目之间轻松切换

/ saveBackup /

保存时备份文件。生命的拯救者。

---

HTML/CSS/JS/React 规则扩展

/ ES7 React/Redux/GraphQL/React-Native snippets /

该扩展为您提供ES7中的JavaScript和React / Redux片段，以及VS Code的Babel插件功能。

/ eslint-disable-snippets /

包括用于忽略；一个块、当前行或下一行的片段。

/ glean /

允许将typescript和javascript代码提取到单独的模块中，以及将JSX提取到新组件中

/ htmltagwrap /

用HTML标签包裹所选代码。我非常想念TextMate的一个功能。

/ javascript console utils /

帮助插入和删除 console.(*) 语句。

/ Jest Snippets /

用于测试框架Jest的代码片段。

/ npm Intellisense /

Visual Studio Code插件，可自动完成导入语句中的npm模块。

/ React Refactor /

这个简单的扩展为React开发人员提供了重构代码操作。

重构你的JSX，无需担心给定的数据。这个扩展将在不破坏你的代码的情况下为你完成脏活累活。

---

相关文章：「图文教程」同步你的VSCode设置及扩展插件，换机不用愁

如果对你有所启发和帮助，可以点个关注、收藏、转发，也可以留言讨论，这是对作者的最大鼓励。

作者简介：Web前端工程师，全栈开发工程师、持续学习者。

私信回复：大礼包，送某网精品视频课程网盘资料，准能为你节省不少钱！