📜  VSCode 中 ReactJS 的 10 大扩展

📅  最后修改于: 2022-05-13 01:56:31.570000             🧑  作者: Mango

VSCode 中 ReactJS 的 10 大扩展

为了使您的开发更快,生活更轻松,请安装一些下面概述的平方测量的 Visual Studio 扩展,并为您的开发创建大量的电动工具,而不是 替代方案。

VSCode 中 ReactJs 的前 10 个扩展是:

  • 括号对着色器扩展。
  • 变更案例扩展。
  • 代码拼写检查器扩展。
  • 重复选择扩展。
  • VS Code 扩展的 EditorConfig
  • VSCode React 重构 延期。
  • npm 智能感知扩展。
  • ESLint扩展。
  • ES7 React/Redux/GraphQL/React-Native 片段 延期。
  • The Prettier –格式化代码 延期。

括号对着色器:此扩展允许用颜色知道匹配的括号。用户将勾勒要匹配的字符以及要使用的颜色。此扩展的主要目的是允许用颜色识别匹配的括号。

change-case:它是 Visual Studio Code 的 node-change-case 的包装器。主要工作是快速修改这个选择或当前单词的大小写。它也适用于多个游标。

代码拼写检查器:它是一个基本的拼写检查器,可以很好地与camelCase代码配合使用。它基本上有助于捕捉常见的拼写错误,同时保持低误报的数量。

重复选择:这个扩展带来了指定文本的类似 Sublime 的复制,它内联复制它,而不是在打印操作期间,就像 VSCode 的默认行为一样。

VS Code 的 EditorConfig:这个扩展带来了 EditorConfig和 . editorconfig支持我们的 VSCode。此插件主要使用.editorconfig文件中的设置覆盖用户或工作区设置

VSCode React Refactor 这个简单的扩展为 React 开发人员提供了重构代码操作。 IT将 JSX 元素提取到文件或函数中。它还支持 TypeScript 和 TSX 语法。此扩展适用于类、函数和箭头函数。

npm Intellisense:这是一个自动完成所有 npm 模块导入语句的插件。 npm 模块的所有导入都得到 自动地 由这个扩展处理。

ESLint:它将 ESLint 集成到您的 VS Code 系统中。 ESLint静态分析您的代码,以便快速发现问题。

ES7 React/Redux/GraphQL/React-Native 片段:此扩展有助于在ES7 中为您的 VS Code 提供带有 Babel 插件选项JavaScript 和 React/Redux相关片段。

Prettier – 代码格式化程序它是一种代码格式化程序。这个VS Code 包用于格式化你的JavaScript/matter/ CSS 漏洞利用更漂亮。它基本上会解析您的代码并使用自己的规则重新打印它。