¿Qué complemento utiliza VSCode para desarrollar React?
Usar VSCode para desarrollar React-Native es una buena opción, porque este editor es muy simple y fluido, y Microsoft proporciona oficialmente el complemento React Native Tools, que admite resaltado de código, depuración e indicaciones de código. etc. Es una función muy poderosa y la propia capacidad de salto de código de VSCode también es muy buena. Sin embargo, después de descargar este complemento, descubrí que otras funciones eran normales, excepto que el código no se podía solicitar correctamente y salsa no se mostraba en la esquina inferior derecha. Después de mi incansable búsqueda en Google y de ver la documentación oficial: JavaScript. En VS Code, finalmente encontré una solución alternativa.
Descripción del nombre
Cerrar etiquetas automáticamente Cerrar etiquetas HTML automáticamente
Importar mecanografiado automáticamente Importar mensajes automáticamente
Cambiar el nombre de las etiquetas automáticamente al modificar HTML Automáticamente modifique las etiquetas coincidentes al marcar
Embellezca css/sass/scss/no css/sass/unformatted
Mejores comentarios y escriba comentarios más fáciles de usar
MarcadoresAgregar fila marcadores
¿Puedo utilizar navegadores HTML5, CSS3, SVG? CSS3, verificación de compatibilidad del navegador SVG
Code runner ejecuta fragmentos de código seleccionados (admite una gran cantidad de idiomas, incluido Node)
Mejores anotaciones, incluido Node)
Código Corrector ortográfico Corrector ortográfico de Word
Navegador emergente CodeBing y búsqueda en VSCode, motor de búsqueda editable
Color Highlight resalta los valores de color en el código
Información de color pequeña ventana que muestra los valores de color, rgb, hsl, cmyk, hexadecimal, etc.
Selector de color Selector de color
Documenta este generador de documentos de anotación
ESLint Complemento ESLint , destacando
EditContainer, complemento para VSCode.
EditorConfig para VS Code EditorConfig complemento
Emoji Ingrese emoticonos en el código
File Peek localiza rápidamente archivos según cadenas de ruta
Códigos de fuentes impresionantes para html Consejos de FontAwesome para fragmentos
Git Blame muestra la información de Git de la línea actual en la barra de estado
Historial de Git (registro de git) Ver el registro de git
GitLens muestra la última confirmación y el autor del archivo, muestra la información de confirmación de la línea actual
Las guías resaltan la línea base de sangría
Gulp Snippets Gulp snippets
La clase HTML CSS completa las indicaciones de la clase CSS
HTML CSS admite indicaciones css (vue admite)
Indicaciones de formato HTMLHint HTML
htmltagwrap Wrap HTML
Costo de importación muestra el tamaño del paquete importado (importación/requisito)
Costo de importación el tamaño del paquete en línea
Resaltado de sangría del identificador
IntelliSense para nombres de clases CSS IntelliSense de nombres de clases CSS
Fragmento de código JavaScript (ES6) Fragmento de sintaxis ES6
Estilo estándar de JavaScript estilo estándar
JSON a TS Convertir estructura JSON Formatear y comprimir JSON para la interfaz mecanografiada
Herramienta JSON
Herramienta JSON que comprime JSON
Menos IntelliSense usa sugerencias mixtas para menos variables
Fragmento de código de Lodash Lodash
Log Wrapper genera código para imprimir variables seleccionadas
Fragmento de código de MochaSnippets Mocha
Análisis del módulo de nodo para navegar rápidamente al módulo de nodo
El esquema del código muestra el árbol de estructura del código
Output Colorizer colorea la información de salida
Partial Diff compara y contrasta dos fragmentos de código o archivos
Ruta Autocompletar mensajes de finalización de ruta
Ruta Intellisense Otro mensaje de finalización de ruta
Clasificación PostCss clasificación css
Embellece el formato JSON JSON
Cambio rápido de Project Manager Proyecto
Quokka.js muestra resultados variables en filas
Project Manager cambia rápidamente de proyecto
Project Manager cambia rápidamente de proyecto
Administrador de proyectos Cambia rápidamente de proyecto
Quokka.jsjs puede mostrar resultados variables en línea sin tener que ejecutarlos manualmente
El cliente REST puede enviar solicitudes HTTP de estilo REST
Complemento de vista previa de libros de cuentos React Native Storybooks, compatible con reaccionar
React Playground proporciona al editor un entorno de ejecución de componentes de reacción para facilitar la depuración
Fragmentos de código de estilo estándar de React fragmentos de código de estilo estándar de React
Complemento Sasssass
Procesamiento de conversión de cadenas de manipulación de cadenas (caja camel, mayúsculas, subrayado, etc.)
Sincronizar la configuración de vscode con gist
Analizador TODO Gestión de tareas pendientes
Completación del sufijo TS/JS Solicitud de prefijo ts/js
Verificación de sintaxis de TSLint TypeScript
Test.
Generador de casos de prueba Test Spec Generator (admite chai, debería, jasmine)
TypeScript Import TS importa automáticamente
Declaración TypeSearch TS. Búsqueda de archivos
El instalador automático de tipos instala automáticamente @types declara dependencias
Extensión del icono del archivo VSCode Great Icons
Versión El archivo Lens package.json muestra la versión actual y la última del módulo
Ver paquete de nodo abre rápidamente la página de inicio y la biblioteca de códigos del módulo seleccionado y la biblioteca de códigos
Fragmento de VueHelper Vue2 (incluyendo Vue2 api, vue-router2, vuex2)
la barra de estado del tamaño del archivo muestra el tamaño del archivo actual
ftp-sync sincroniza los archivos a ftp
gitignore .gitignore sintaxis del archivo
htmltagwrap empaqueta rápidamente etiquetas html
idioma-stylus Resaltado de sintaxis y mensajes de Stylus
markdownlint Mensajes de formato de Markdown
npm Intellisense solicita los nombres de los módulos instalados al importar módulos
npm ejecuta el comando npm
stylelint css/sass/less code style
vetur actualmente tiene un mejor resaltado de sintaxis de Vue
vscode-database opera la base de datos y es compatible con mysql y postgres
iconos de archivos vscode-icons para facilitar la localización de ubicaciones de archivos
generador de cadenas aleatorias vscode-random
vscode-styled-components componentes con estilo Soporte para resaltado
soporte de resaltado vscode-styled-jsx styled-jsx.