Configuração GULP PHPStorm

Para você configurar o PHPStorm para utilizar o GULP no projeto de arquivos estáticos denominado, por exemplo, com a pasta web em sua estrutura você deve então abrir as preferencias do PHPStorm e procurar pelo Gulp da seguinte maneira:

• No campo de busca das preferencias digite: gulp
• Irá exibir as informações de palavras que batem com o procurado que é o gulp uma delas é a que nós interessa que é o seguinte: Show Gulp Tasks é bem provável que não contenha uma tecla de atalho e para chamar essa exibição de tarefas do gulp precisamos inserir um atalho, basta que você clique 2x(duas) e escolha um tecla de atalho de sua preferência, por exemplo: ctrl+3.

Após você criar sua tecla de atalho então feche as preferencias do PHPStorm e chame a ferramenta de tarefas do gulp caso você tenha seguido o exemplo então será: ctrl+3. - Será aberto a aba do Gulp e por padrão ele busca um bin de execução do Gulp não se preocupe pois o projeto Silex Static contém o Gulp em sua dependências, mas lembre-se para essa dependência estar presente na pasta raiz do projeto você já deve ter executado o npm install.

Ativando as tasks locais do projeto

Finalmente para ativar as tarefas locais do Gulp você precisa apontar o bin de execução local do gulp clicando com o botão direito do mouse será exibido uma lista de seleção de opções e uma delas é a: Gulp Settings será aberto um modal e o terceiro campo que é o: Gulp Package é o local onde você irá apontar o bin de execução do Gulp, por exemplo, em meu caso que estou utilizando um PHPStorm no Mac ficou da seguinte maneira:

/Users/michael/Sites/new_structure/projects/STATIC/silex-static/web/node_modules/gulp

Caso você seja um DEV que utiliza um sistema operacional Windows ou Linux basta alterar o caminho que não seria User seria, por exemplo: C\o caminho do app.