Las 10 principales extensiones para ReactJS en VSCode

Para hacer su desarrollo más rápido y más fácil, instale algunas de las Extensiones de Visual Studio que se describen a continuación y cree su desarrollo más y más herramientas poderosas que la alternativa.

Las 10 principales extensiones para ReactJs en VSCode son:

• La extensión Bracket Pair Colorizer . (Depreciado)
• La extensión de cambio de mayúsculas y minúsculas .
• La extensión Code Spell Checker .
• La extensión Duplicate Selection .
• La extensión EditorConfig para VS Code .
• La extensión VSCode React Refactor .
• La extensión npm Intellisense .
• La extensión ESLint .
• La extensión de fragmentos de ES7 React/Redux/GraphQL/React-Native .
• The Prettier: extensión con formato de código.

Bracket Pair Colorizer: esta extensión permite que los brackets coincidentes se conozcan con los colores. El usuario delineará los caracteres para que coincidan y qué colores usar. El objetivo principal de esta extensión es permitir que los paréntesis coincidentes se identifiquen con colores. Bracket Pair Colorizer está obsoleto ya que esta funcionalidad ahora está integrada en VS Code. Así que no hay necesidad de instalar por separado.

change-case:  es un contenedor alrededor de node-change-case para Visual Studio Code. El trabajo principal es modificar rápidamente el caso de esta elección o palabra actual. También funciona con varios cursores.

Code Spell Checker: es un corrector ortográfico básico que funciona bien con el código camelCase . Básicamente, ayuda a detectar los errores ortográficos comunes y mantiene bajo el número de falsos positivos.

Selección duplicada: esta extensión brinda una duplicación similar a Sublime del texto designado, lo duplica en línea y no durante una operación de impresión, al igual que el comportamiento predeterminado de VSCode.

EditorConfig para VS Code: esta extensión trae EditorConfig y . editorconfig soporte para nuestro VSCode. Este complemento reemplaza la configuración del usuario o del espacio de trabajo con la configuración que se encuentra en los archivos .editorconfig .

VSCode React Refactor: esta extensión simple proporciona las acciones de código de refactorización para los desarrolladores de React. TI extrae el elemento JSX a un archivo o función. También es compatible con la sintaxis de TypeScript y TSX. Esta extensión funciona bien con las clases, funciones y funciones de flecha.

npm Intellisense: este es un complemento que completará automáticamente todas las declaraciones de importación de módulos npm. Todas las importaciones de módulos npm son manejadas automáticamente por esta extensión.

ESLint: Integra el ESLint en su sistema VS Code. El ESLint analiza estáticamente su código para encontrar problemas rápidamente.

Fragmentos de código de React/Redux/GraphQL/React-Native de ES7: esta extensión ayuda a proporcionar fragmentos de código relacionados con JavaScript y React/Redux en ES7 con opciones de complemento de Babel para su VS Code.

Prettier – Formateador de código: Es un formateador de código. Este paquete de VS Code se usa para formatear su explotación de JavaScript/matter/CSS es más bonita. Básicamente analiza su código y lo vuelve a imprimir con sus propias reglas.