Nota: PhpStorm incluye todas las funcionalidades de WebStorm relacionadas con HTML, CSS y JavaScript.
Finalización de código JavaScript, HTML y CSS para tags, palabras clave, etiquetas, variables, parámetros y funciones basada en DOM y compatible con las características específicas de los navegadores más populares, como FireFox y Chrome.
La finalización de código está disponible tanto para funciones estándar y definidas por el usuario en archivos *.js, handlers de eventos HTML y otros contextos apropiados.
Compatibilidad con Sass, SCSS, Less, Stylus, Compass, CoffeeScript, TypeScript, Dart y otras tecnologías de desarrollo web de última tecnología.
La vista previa de Live Edit le permite ahorrar mucho tiempo y pulsaciones de teclas. Abra una página en el editor y el navegador para poder ver ambas, y active la función Live Edit mientras ejecuta una sesión de depuración de JavaScript. Comience a editar el código y vea los cambios instantáneamente en el navegador, incluso a medida que pasa por las opciones de una lista en ventanas emergentes de la finalización de código.
PhpStorm guarda automáticamente sus cambios, y el navegador actualiza la página sobre la marcha de forma inteligente, para mostrar sus ediciones.
Aproveche la compilación/transpilación automática de los lenguajes modernos de desarrollo web a JavaScript (desde CoffeeScript, TypeScript, Dart, etc) o CSS (desde Sass, SCSS, Less, Stylus, Compass, etc.) con File Watchers.
El editor le permite usar toda la potencia de Emmet (antes Zen Coding). Defina sus propias abreviaciones (fragmentos) con plantillas activas o use las predefinidas para PHP, HTML, CSS, JS y otros lenguajes.
PhpStorm detecta y sugiere arreglos automáticos para problemas como: atributos obligatorios faltantes, atributos no válidos o valores ilegales, referencias erróneas a archivos en enlaces, atributos duplicados, formato de selector CSS inválido, propiedades CSS no válidas, definiciones de clase CSS no usadas, anclas locales no válidas y más.
Las funciones de refactorización provistas para JavaScript le permiten modificar fácilmente la estructura del código así como deshacer las modificaciones. Algunas refactorizaciones disponibles para JS son: renombrar, extraer variable/función, variable/función inline, mover/copiar, eliminación segura, extraer script incrustado a archivo.
El editor JavaScript cuenta con herramientas integradas de calidad de código JavaScript para revisar su código a medida que lo edita. Abra la configuración y escriba JSLint/JSHint, habilite una inspección y su código se verificará con esas inspecciones a medida que escriba.
PhpStorm es totalmente compatible con Node.js con un complemento gratuito disponible en el repositorio. Brinda finalización de código, resaltado, navegación, detección de errores, depuración, gestión de paquetes con npm y más.
Para quienes prefieren estar un paso adelante, PhpStorm presenta su compatibilidad con ECMAScript Harmony. Para probar las nuevas funcionalidades, vaya a los ajustes del IDE y configure ECMAScript Harmony como la versión de lenguaje JavaScript.
PhpStorm es compatible con el motor de plantillas EJS (resaltado de sintaxis, asistencia a la escritura, formateo, etc.) y brinda formateo y resaltado de sintaxis para plantillas Mustache y Handlebars, así como cierre automático de etiquetas.
También cuenta con compatibilidad inicial con Componentes web.
La compatibilidad de PhpStorm con Angular incluye finalización de código y navegación para directivas y vinculaciones, y entender nuevos atributos de eventos, ya sea para TypeScript o ECMAScript 2015.
Puede usar las anotaciones a la escritura que Flow agrega a JavaScript. Al usar métodos o funciones anotadas, obtendrá información sobre el parámetro escrito en la finalización de código.
PhpStorm ofrece integración con TSLint, un linter para código TypeScript. Actívelo para ver advertencias y errores detectados por TSLint directamente en el editor a medida que escribe.
Disfrute de la asistencia a la codificación para lenguaje de plantillas Vue y el lenguaje que elija en los bloques de estilo y script de un archivo .vue. El IDE completa automáticamente los componentes Vue y agrega las importaciones requeridas para ellos.