Observação: O PhpStorm inclui todos os recursos do WebStorm relacionados a HTML, CSS e JavaScript.
O preenchimento de código JavaScript, HTML e CSS para tags, palavras-chave, rótulos, variáveis, parâmetros e funções é baseado em DOM e suporta as especificidades de navegadores populares como o Firefox e Chrome.
O preenchimento está disponível para funções padrão e definidas pelo usuário em arquivos *.js, manipuladores de eventos HTML e todos os outros contextos apropriados.
Há suporte para Sass, SCSS, Less, Stylus, Compass, CoffeeScript, TypeScript, Dart e outras tecnologias de ponta.
A visualização do Live Edit economiza um bom tempo e muitos pressionamentos de teclas. Abra uma página no editor e o navegador para poder ver ambas as versões e ative o recurso Live Edit durante a execução de uma sessão de depuração JavaScript. Comece a editar o código e veja as alterações instantaneamente no navegador, até mesmo enquanto você estiver percorrendo as opções de listas em pop-ups de preenchimento de código.
O PhpStorm salva automaticamente as suas alterações, e o navegador atualiza a página rapidamente, mostrando suas edições.
Aproveite a compilação automática/transpilação de linguagens de desenvolvimento Web modernas para JavaScript (CoffeeScript, TypeScript, Dart, etc) ou CSS (Sass, SCSS, Less, Stylus, Compass, etc.) com File Watchers.
O editor permite que você use todo o poder do Emmet (o antigo Zen Coding). Defina suas próprias abreviações (snippets) com Modelos em tempo real ou use opções predefinidas para PHP, HTML, CSS, JS e outras linguagens.
O PhpStorm detecta e sugere correções automáticas para problemas como ausência de atributos necessários, atributos inválidos ou valores ilegais, referências incorretas a arquivos em links, atributos duplicados, formato de seletor CSS inválido, propriedades CSS inválidas, definições de classes CSS não utilizadas, âncoras locais inválidas e muito mais.
Recursos de refatoração fornecidos para JavaScript permitem que você modifique facilmente a estrutura do código, bem como desfazer as modificações. Algumas opções de refatoração disponíveis para o JS incluem renomear, extrair variável/função, variável/função embutida, mover/copiar, exclusão segura e extrair script incorporado em um arquivo.
Ferramentas de qualidade do código JavaScript estão integradas no editor JavaScript para verificar seu código à medida que você o edita. Abra "Settings", digite JSLint/JSHint, habilite uma inspeção, e seu código será verificado em relação a essas inspeções à medida que você digita.
O PhpStorm oferece suporte total ao Node.js com um plug-in gratuito disponível no repositório. Ele fornece preenchimento de código, realce, navegação, verificação de erros, depuração, gerenciamento de pacotes com NPM e muito mais.
Para aqueles que preferem ficar sempre um passo à frente, o PhpStorm apresenta suporte ao ECMAScript Harmony. Para experimentar os novos recursos, defina o ECMAScript Harmony como a versão da linguagem JavaScript nas configurações do IDE.
O PhpStorm oferece suporte ao mecanismo de modelo EJS (realce de sintaxe, assistência de digitação, formatação, etc.) e fornece formatação e realce de sintaxe para modelos Handlebars e Mustache, bem como fechamento automático de tags.
Há também suporte inicial para componentes Web.
O suporte para Angular no PhpStorm inclui preenchimento de código e navegação para diretivas e vinculações, além de compreensão de novos atributos de eventos para TypeScript ou ECMAScript 2015.
Você pode usar as anotações de tipos que o Flow adiciona ao JavaScript. Ao usar funções ou métodos com anotações, você obterá informações de parâmetros digitados no preenchimento do código.
O PhpStorm fornece integração com o TSLint, um linter para o código TypeScript. Habilite-o para ver avisos e erros do TSLint diretamente no editor à medida que você digita.
Aproveite a assistência de codificação para a linguagem de modelo Vue e a linguagem de sua escolha nos blocos de script e estilo de um arquivo .vue. O IDE preenche automaticamente os componentes do Vue e adiciona as importações necessárias para eles.