Actualmente estoy usando CodePen.io pero quiero pasar a un programa descargable si es más profesional y no requiere Internet.
El código que uso principalmente es HTML, CSS, JavaScript y algunas bibliotecas de JavaScript.
WebStorm es un IDE profesional para la creación web de JavaScript, CSS y HTML.
Desde su sitio web:
Disfrute de la finalización de código, potentes funciones de navegación, detección de errores sobre la marcha y refactorizaciones.
Marcos modernos
WebStorm proporciona asistencia de codificación avanzada para Angular, React y Meteor. Disfrute de la compatibilidad con PhoneGap, Cordova e Ionic para el desarrollo móvil y desarrolle para el lado del servidor con Node.js. ¡Todo en un IDE!
editor inteligente
El IDE analiza su proyecto para proporcionar los mejores resultados de finalización de código para todos los idiomas admitidos. Cientos de inspecciones integradas informan cualquier posible problema mientras escribe y sugieren opciones de solución rápida.
Navegación y búsqueda
WebStorm lo ayuda a manejar su código de manera más eficiente y a ahorrar tiempo cuando trabaja con proyectos grandes. Vaya a una definición de método, función o variable con un solo clic, o busque el uso.
Depuración, seguimiento y pruebas
WebStorm proporciona potentes herramientas integradas para depurar, probar y rastrear sus aplicaciones Node.js y del lado del cliente. Con una configuración mínima requerida y una cuidadosa integración en el IDE, las tareas son mucho más fáciles con WebStorm.
depuración
WebStorm proporciona un depurador incorporado para su código del lado del cliente (que funciona con Chrome) y aplicaciones Node.js. Coloque los puntos de interrupción, recorra el código y evalúe expresiones, todo sin salir del IDE.
Examen de la unidad
Realice pruebas unitarias con facilidad, ya que WebStorm se integra con Karma Test Runner y Mocha. Ejecute y depure pruebas dentro del IDE, vea los resultados en un formato agradable y visual y navegue hasta el código de prueba.
Trazado y perfilado
WebStorm presenta spy-js, una herramienta integrada que lo ayuda a rastrear su código JavaScript. Explore cómo se conectan los archivos con las llamadas a funciones e identifique eficientemente cualquier posible cuello de botella.
Integración perfecta de herramientas
WebStorm se integra con herramientas de línea de comandos populares para el desarrollo web, brindándole una experiencia de desarrollo optimizada y productiva sin usar la línea de comandos.
Construir herramientas
Disfrute de una interfaz de usuario unificada simple para ejecutar tareas de Grunt, Gulp o npm directamente desde el IDE. Todas las tareas se enumeran en una ventana de herramientas especial, así que simplemente haga doble clic en el nombre de la tarea para iniciarla.
Herramientas de calidad de código
Además de cientos de inspecciones propias de WebStorm, puede ejecutar JSHint, ESLint, JSCS o JSLint en su código y resaltar cualquier problema sobre la marcha, directamente en el editor.
Plantillas de proyecto
Inicie nuevos proyectos desde la pantalla de Bienvenida utilizando plantillas de proyectos populares como Express o Web starter kit, y acceda a más generadores de proyectos gracias a la integración con Yeoman.
Características del IDE
WebStorm se basa en la plataforma IntelliJ de código abierto, que en JetBrains hemos estado desarrollando y perfeccionando durante más de 15 años. Disfrute de la experiencia mejorada pero altamente personalizable que proporciona para adaptarse a su flujo de trabajo de desarrollo.
VCS
WebStorm proporciona una interfaz de usuario unificada para trabajar con muchos sistemas de control de versiones populares, lo que garantiza una experiencia de usuario uniforme en git, GitHub, SVN, Mercurial y Perforce.
Historia local
Ya sea que esté usando VCS o no, el historial local puede ser un verdadero ahorro de código. En cualquier momento, puede inspeccionar el historial de un archivo o directorio en particular y retroceder a cualquiera de sus versiones anteriores.
personalización
WebStorm es extremadamente personalizable. Ajústelo para que se adapte perfectamente a su estilo de codificación, desde accesos directos, fuentes y temas visuales hasta ventanas de herramientas y diseño del editor.
A diferencia de WebStorm, el editor CudaText es ligero, pero es compatible con los principales lenguajes de front-end (JS, CSS, PHP, JSX, LESS, SCSS, Stylus, etc.) y tiene muchos complementos para front-end. Gratis, multiplataforma.
Es análogo al editor de texto Sublime .