¿Qué herramienta de desarrollo front-end te gusta más? ¿Por qué?

Lo mejor del desarrollo front-end es que un editor y un navegador son suficientes para conquistar el mundo.

Editor - VSCode

Una herramienta de desarrollo front-end, un editor súper fácil de usar, que es aún más raro para front-end grandes. Producido por Microsoft, tiene soporte multiplataforma, buena apariencia, fácil de usar y amplio soporte para complementos. A continuación se recomiendan algunos complementos de interfaz de usuario de uso común.

Herramientas de depuración: Herramientas de optimización del rendimiento del front-end:

Yellow Lab Tools: una herramienta de prueba de calidad del front-end y rendimiento web. A diferencia de otras herramientas, tiene algunas características únicas que no se ven en otras herramientas, como la interacción de JavaScript con el DOM cuando se carga la página y otros problemas de validación del código del programa.

Monstruo DOM: solo necesita agregarlo a los marcadores de su navegador, hacer clic en este marcador en cualquier página que necesite ser depurada y le ayudará a enumerar los problemas de rendimiento que ocurren en la página actual.

El desarrollo front-end es actualmente una industria muy popular, con muy buenas perspectivas laborales y niveles salariales. En cuanto a las herramientas de desarrollo, hay muchas, y la mayoría de los editores de código y entornos IDE las admiten. Introducción a 4 muy buenas herramientas de desarrollo front-end. Los amigos que estén interesados ​​pueden probarlas:

01 Code Editor

Esta es una herramienta de desarrollo front-end muy popular en la actualidad. Es muy popular en la industria. Es gratuito, de código abierto, multiplataforma y desarrollado de forma independiente por Microsoft. Se puede decir que es un producto concienzudo, como finalización inteligente, resaltado de código y indicaciones de sintaxis. Además, este software tiene un buen soporte, las extensiones de complementos son muy ricas y se pueden usar para editar y depurar código. Es liviano y flexible, y es una muy buena opción para el desarrollo front-end. :

Este también es un código relativamente liviano y flexible. El editor tiene potentes funciones de edición de texto y es perfectamente compatible con las tres plataformas operativas principales, pero en principio no es gratuito. Al igual que VS Code, Sublime Text también. admite funciones comunes como autocompletar, indicaciones de sintaxis y resaltado de código. Además, para el desarrollo front-end también proporciona muchos complementos, que son muy convenientes para editar o depurar código. desarrollo front-end:

02 entorno IDE

Esta es una herramienta de desarrollo Web IDE puramente doméstica. También se usa ampliamente en el desarrollo front-end. el resaltado de código, las indicaciones de sintaxis, la verificación de errores, etc. son muy compatibles con este software. Además, la interfaz es de color verde suave, refrescante y fácil de usar. Tiene extensiones de complemento especialmente creadas para Vue, que pueden mejorar enormemente. eficiencia de desarrollo. También es compatible con el empaquetado de Android e iOS. También es una muy buena herramienta para el desarrollo front-end:

Esta es una herramienta de desarrollo Web IDE muy profesional. Un producto de Jetbrains. el "artefacto de desarrollo front-end web" y "el IDE de JavaScript más inteligente". Además de la finalización inteligente básica y el código de alto nivel, funciones comunes como resaltado y indicaciones de sintaxis, este software también admite funciones avanzadas como análisis y reconstrucción de código. , consulta de asociación, pruebas unitarias, etc., por lo que es más eficiente en el desarrollo y más adecuado para proyectos a gran escala. Para el desarrollo front-end con colaboración de varias personas, es una muy buena opción:

WebStorm

Tanto la idea como la idea son desarrolladas por jetbrains. Es una herramienta de desarrollo de JavaScript y es elogiada por la mayoría de los desarrolladores chinos de JS como ""artefacto de desarrollo web front-end" y "el editor HTML5 más potente". ", "el IDE de JavaScript más inteligente", etc.

Como complemento, Zaowu se puede integrar con Eclipse para desarrollar el front-end. Ahora es independiente y también es la primera herramienta de desarrollo que utilicé para entrar en contacto con js. Con las teclas de método abreviado de Eclipse, puede comenzar rápidamente.

Un editor de código, con la ayuda de ricos recursos de complementos, se puede ampliar para convertirlo en una poderosa herramienta de desarrollo front-end. En comparación con IDE, es liviano y se inicia muy rápidamente.

Atom

Como editor de código producido por GitHub, el hermano mayor del código abierto, en comparación con el anterior, tiene un poco menos de complementos, pero se integra perfectamente con GitHub, especialmente para escritura de rebajas, la interfaz también es muy hermosa.

TextMate es un conocido software de edición de texto para Mac. Junto con BBedit, también se llama emacs y vim en las computadoras Apple. Es especialmente adecuado para programadores y se puede personalizar con muchas funciones bien pensadas.

Emacs, Editor MACroS (editor de macros), es un potente editor de texto. Emacs utiliza Emacs Lisp, un lenguaje de programación altamente extensible (su núcleo es un intérprete de Emacs Lisp) e implementa extensiones como soporte de edición de texto.

Notepad es un editor de texto bajo el sistema operativo Windows (licencia de copyright del software: GPL). Tiene una interfaz cultural china completa y admite escritura en varios idiomas (tecnología UTF8).

VSC-VSCode

Ligero y rápido, atractivo, código abierto comunitario, amplias extensiones, soporte de Microsoft

También es muy fácil de usar soporte de desarrollo remoto (vscode remoto) y colaboración (live share)

Ya sea Python, Java, javascript, cuando elegimos una herramienta de desarrollo, muchas personas primero pensarán en jetbrain, Webstorm, IDEA, Pycharm. ... Tengo que decir que jetbrain tiene mucha experiencia y es competente en herramientas de desarrollo.

Sin embargo, si estás haciendo desarrollo front-end, creo que hay muchas opciones además de webstorm de jetbrain, y la que más recomiendo es VS Code, que presentaré a continuación.

VS Code

Microsoft ha acumulado muchos años de experiencia en el campo de las herramientas de desarrollo, y VS Code es un producto gratuito que Microsoft combina Visual Studio y otras herramientas de desarrollo para mejorar y mejorar continuamente. optimizar las herramientas de desarrollo.

Se puede decir que VS Code es una de las herramientas de desarrollo más populares en este momento. En comparación con las antiguas herramientas de desarrollo como eclipse e IDEA, Microsoft ha realizado cambios más audaces e innovadores en VS Code. ya en una posición de liderazgo. Cada año, en la Conferencia de desarrolladores de Microsoft, VS Code sufrirá grandes innovaciones. Después de años de optimización, VS Code ha hecho que muchos desarrolladores no puedan dejarlo.

En primer lugar, hablemos de algunas de sus conocidas ventajas.

En primer lugar, hablemos de su peso ligero. Creo que esto por sí solo es suficiente para poner a toda la familia jetbrain. avergonzarse. Ya sea webstorm o IDEA, lo más doloroso es el proceso de apertura, que es insoportable y lleva muchos minutos cargar el proyecto y los elementos de configuración. VS Code es diferente. Es más como un editor. Se puede abrir en segundos y su velocidad es comparable a la de editores de texto como UE y Bloc de notas.

En segundo lugar, hablemos de los complementos enriquecidos. Los complementos enriquecidos crean un ecosistema completo de VS Code "Todo lo que desea está disponible aquí, ya sea estilo de etiqueta, DEBUG o mejora de funciones". VS Code tiene muchas características. Hay muchos complementos populares que mejoran enormemente la eficiencia de su desarrollo. Por supuesto, todos los complementos de alta calidad necesarios para el front-end están disponibles aquí.

De hecho, no fueron los dos puntos anteriores los que me hicieron cambiar a VS Code, sino el desarrollo remoto.

Creo que este es el producto inevitable de la audaz innovación y el papel de liderazgo de Microsoft, lo que dificulta que muchas otras herramientas de desarrollo puedan mantenerse al día.

Con la función de desarrollo remoto de VS Code, podemos sincronizar el código local y del servidor en tiempo real. Ya no necesitamos configurar el servidor remoto de manera compleja y también es muy conveniente para la gestión de proyectos.

Estoy muy feliz de responder a su pregunta. Como desarrollador back-end, también he desarrollado front-end y he utilizado muchas herramientas de desarrollo front-end.

1. El texto sublime es realmente bueno de usar, pero los consejos de desarrollo de código no son sólidos. Aún así, está bien usar un editor de texto a diario.

2. hbuild se usó durante un tiempo y no era adecuado por varias razones, y finalmente se desinstaló.

3. He estado escribiendo Vue con código vs por un tiempo, necesito instalar complementos y es inconveniente enviar el código que no quería enviar. al final, causando conflictos de código. Quizás fue porque no estaba familiarizado con él.

4. Se recomienda Webstorm por sus indicaciones de código inteligentes y su fácil envío de código.

El HTML suele aparecer junto con JavaScript y CSS. Los tres se utilizan con mayor frecuencia en el desarrollo front-end. El HTML más utilizado actualmente es en realidad HTML5. El software de programación front-end de uso común incluye HBuilder, Sublime Text, etc.

HBuilder es una herramienta de desarrollo front-end nacional gratuita. El editor utiliza HBuilder. Este es un IDE poco común para principiantes y desarrolladores front-end que no dominan el inglés. El autocompletado de código es tan poderoso que no tiene amigos. Altamente recomendado.

Sublime Text es un editor liviano que no admite html, js y css de front-end. También es compatible con la mayoría de los lenguajes de back-end, como el lenguaje C, java, python, etc. El poder del texto sublime es que admite varios complementos y las teclas de acceso directo son muy fáciles de usar, lo que puede mejorar en gran medida la eficiencia del desarrollo. La desventaja es que no es tan bueno como Hbuilder en términos de indicaciones de código.

Me gusta usar webstorm, atom, vs code y sublimetext. Casi solo uso webstorm. También fue el primero que descargué e instalé varios complementos. ins. Lo estaba aprendiendo en ese momento. Siento que las indicaciones no están completas y, después de instalar algunos complementos, el inicio es obviamente muy lento, así que no tengo más remedio que descargar Webstorm, lo cual se siente muy bien.

WebStorm y PS

Especialmente PS, en la vida diaria también es necesario usarlo, es muy conveniente

¿Sabes si el desarrollo rápido de aplicaciones herramienta es