2015-05-01 3 views
10

В документации указано, что файлы gulp и jake должны быть автоопределены. У меня есть gulpfile.js в корне моей открытой папки, но он не автоопределяется и не указан в списке задач, когда я пытаюсь запустить задачу. Я что-то упускаю?Gulpfile не распознается

+0

У вас установлен глоток как глобальный, так и локально? – Mark

+0

Да, я просто попробовал это, но не повезло. – Kmart2k1

+0

У меня такая же проблема, gulp установлен локально + глобально, gruntfile.js в корневом каталоге, но Code не показывает никаких задач. :( – antfx

ответ

2

Это работает для меня, поэтому трюк выясняет, чего вам не хватает.

Все у меня есть:

  • gulpfile.js в корне
  • глоток установить глобально (npm install -g gulp)
  • npm install было запущен на местном уровне и включает в себя глоток
  • tasks.json файла с командой установленное на gulp

Я тогда могу открыть палитру и типа task mytaskname и она работает

UPDATE: Без tasks.json файла с помощью команды глотка, против кода не забрать их для меня тоже.

+1

Что я сделал, чтобы избежать установки gulp во всем мире, это поместить 'gulp.cmd' в корень моей рабочей области который вызывает локальную установку gulp: 'node '% ~ dp0 \ node_modules \ gulp \ bin \ gulp.js"% * ' –

+1

, имеющий глоток во всем мире, является полезным, поскольку CLI необходим во многих случаях. –

+0

У меня то же самое issue, gulpfile.js в корне с двумя задачами, gulp установлен локально и глобально, задачи выполняются отлично от командной строки проекта, но код не хочет обнаруживать задачи. – antfx

1

Спасибо, что указал на правильное направление. Вот объяснение, как работает VSCode сегодня:

Если файл tasks.json существует и он определяет бегун задачи (например, свойство команды), у которого нет поддержки автоматического обнаружения (например, tsc), то tasks.json имеет преимущество над авто обнаружение.

Если он содержит команду, которая имеет автоматическое обнаружение (например, gulp и jake), то она объединяет задачи, определенные в tasks.json, с автоматическим обнаружением.

В целом VSCode поддерживает только одну задачу. Поэтому, если вы используете как gulp, так и grunt VSCode, можете либо интегрироваться с Grunt, либо Gulp прямо сейчас.

6
  1. gulpfile.js в корне

  2. npm install -g gulp: Глоток установить глобально

  3. npm install gulp: Глоток установить локально в папку Dev

  4. Вам нужен собственный tasks.json файл:

    { 
        "version": "0.1.0", 
        "command": "gulp", 
        "isShellCommand": true, 
        "args": [ 
         "--no-color" 
        ], 
        "tasks": [] 
    } 
    
0

Просто, чтобы добавить к AlphaPage и ответы Джона папиных»(я не хватает респ, чтобы добавить комментарий), если вы установите глотка глобально (npm install gulp -g), и у вас есть в корне с gulpfile.js, когда вы:

  1. Откройте командную палитру (Ctrl + Shift + P)
  2. Тип Tasks и нажмите на Настройка задачи Runner

то tasks.json, как указано в Alphapage, будет автоматически создан , если он еще не существует. И задачи глотки будут автоматически обнаружены.

0

Код Visual Studio с (tasks.json - версия 2.0.0). Включен вызов бегущей задачи. «Ctrl + Shift + B» -> выполнить задачи в gulpfile.js -> открыть файл html с браузером Chrome. Вот и все.

{ 
// See https://go.microsoft.com/fwlink/?LinkId=733558 
// for the documentation about the tasks.json format 
"version": "2.0.0", 
"tasks": [ 
    { 
     "taskName": "Gulp", 
     "type": "shell", 
     "command": "gulp", 
     "group": { 
      "kind": "build", 
      "isDefault": true 
     }, 
     "presentation": { 
      "reveal": "always" 
     } 
    }, 
    { 
     "taskName": "Chrome", 
     "type": "process", 
     "command": "chrome.exe", 
     "windows": { 
      "command": "C:\\Program Files(x86)\\Google\\Chrome\\Application\\chrome.exe" 
     }, 
     "args": [ 
      "${file}" 
     ] 
    } 
] 
} 
Смежные вопросы