2015-05-01 18 views
10

La documentazione indica che i file gulp e jake devono essere rilevati automaticamente. Ho un gulpfile.js nella radice della mia cartella aperta, ma non viene rilevato automaticamente ed elencato nell'elenco delle attività quando provo a eseguire un'attività. Mi sto perdendo qualcosa?Gulpfile non viene riconosciuto

+0

hai installato gulp sia globali che localmente? – Mark

+0

Sì, ci ho provato, ma senza fortuna. – Kmart2k1

+0

Ho lo stesso problema, gulp installato localmente + globalmente, gruntfile.js nella root ma Code non mostra nessuna delle attività. :( – antfx

risposta

2

Funziona per me, quindi il trucco è capire cosa ti stai perdendo.

Tutto quello che ho è:

  • gulpfile.js nella radice
  • gulp installare a livello globale (npm install -g gulp)
  • npm install è stato gestito a livello locale e include sorso
  • un file tasks.json con un comando impostato su gulp

Posso quindi aprire la palette e digitare task mytaskname e funziona

UPDATE: Senza il file tasks.json con un comando sorso, vs il codice non li pick up per me.

+1

Quello che ho fatto per evitare di installare gulp a livello globale è di inserire un 'gulp.cmd' nella radice del mio spazio di lavoro che invoca un'installazione locale di gulp: 'node"% ~ dp0 \ node_modules \ gulp \ bin \ gulp.js "% *' –

+1

avere gulp a livello globale è un po 'prezioso, in molti casi la CLI è necessaria –

+0

Ho lo stesso problema, gulpfile.js in root con 2 attività, gulp installato localmente e globalmente, le attività corrono bene dalla riga di comando del progetto root ma il codice non vuole rilevare le attività – antfx

1

Grazie al microfono per indicare nella giusta direzione. Ecco una spiegazione su come funziona VSCode oggi:

Se esiste un file tasks.json e definisce un task runner (ad esempio la proprietà del comando) che non ha il supporto per il rilevamento automatico (ad es. Tsc), tasks.json ha la preferenza su auto rilevamento.

Se elenca un comando con rilevamento automatico (ad esempio gulp e jake), unisce le attività definite in tasks.json con il rilevamento automatico una volta.

In generale VSCode supporta ora solo l'integrazione di un task runner. Quindi se usi sia gulp che grunt VSCode possono ora integrarsi con Grunt o Gulp.

6
  1. gulpfile.js nella radice

  2. npm install -g gulp: sorso installare globalmente

  3. npm install gulp: sorso installare a livello locale per la cartella dev

  4. Avete bisogno di un tasks.json file personalizzato:

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

Giusto per aggiungere alla AlphaPage e risposte John Papa'(io non ho abbastanza rep per aggiungere un commento), se si installa gulp globale (npm install gulp -g), e si ha un gulpfile.js nella radice, quando:

  1. Aprire la palette di comando (Ctrl + Shift + P)
  2. Tipo Tasks e cliccare sul Configura Task Runner

poi il tasks.json come elencato da Alphapage verrà creato automaticamente se non esiste già. E le attività di Gulp verranno rilevate automaticamente.

0

Codice di Visual Studio con (tasks.json - versione 2.0.0). Incluso runner task gulp. "Ctrl + Shift + B" -> esegui attività in gulpfile.js -> apri il file html con il browser Chrome. Questo è tutto.

{ 
// 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}" 
     ] 
    } 
] 
} 
Problemi correlati