2015-06-03 18 views
10

In 0.3.0, sto vedendo intellisense per dattiloscritto. Tuttavia, mi aspettavo anche di vedere un po 'di tslint come ho un tslint.json. VSC supporta il linting in modo nativo o devo semplicemente appoggiarmi al sorso?Come configurare Visual Studio Code e tslint?

Se quest'ultimo, è configurabile per l'esecuzione come i file vengono modificati o deve essere un'attività manuale che viene avviato in modo esplicito.

+0

Sulla base del [pagina web] (https://code.visualstudio.com/Docs/languages) dicono che c'è il supporto per rilascio di fibre per dattiloscritto e C# –

+0

Sami, quello che mi manca? Vedo "Intelliense, Linting, Outling per i CSS, HTML, Javascript, JSON, Meno e Sass" solo - proprio sotto "refactoring, trovare tutti i riferimenti per C#, Carattere tipografico". Nessun rilascio di fibre per C#/ts e io non sto vedendo l'applicazione mie regole tslint.json nell'IDE, quindi sto supponendo che non è cablato ancora. Ma, volevo vedere se mi mancava un interruttore da qualche parte. –

+0

"No intento di fissare" https://code.visualstudio.com/issues/Detail/16540 Suggerisci ci appoggiamo su un compito https://code.visualstudio.com/Docs/tasks –

risposta

4

È possibile aggiungere un'attività di sfocatura al file gulp come indicato di seguito. O anche un compito di osservatore. Si noti che uso solo TypeScript, non gulp plug in né tslint, anche se vanno bene anche loro.

gulp.task('ts-watcher', function() { 
    gulp.watch('./src/**/*.ts', ['ts-compile']); 
}); 

gulp.task('ts-compile', function(done) {  
    runTSC('src/client', done); 
}); 

function runTSC(directory, done) { 
    var tscjs = path.join(process.cwd(), 'node_modules/typescript/bin/tsc.js'); 
    var childProcess = cp.spawn('node', [tscjs, '-p', directory], { cwd: process.cwd() }); 
    childProcess.stdout.on('data', function (data) { 
     // Code will read the output 
     console.log(data.toString()); 
    }); 
    childProcess.stderr.on('data', function (data) { 
     // Code will read the output 
     console.log(data.toString()); 
    }); 
    childProcess.on('close', function() { 
     done(); 
    }); 
} 
+1

Grazie John. Sto usando un osservatore ora che usa gulp-notify. Speravo in una maggiore integrazione - la notifica in linea, ecc immagino che sta arrivando. –

+0

Sono d'accordo. Il nuovo WebStorm 11 ora ha una stretta integrazione di TSX con il linting in linea. Sono andato avanti e indietro tra VSC e WS, ma al momento sono bloccato con Webstorm finché VSC non ha la notifica in linea. – pbanka

+0

In realtà non uso nessuno di questi. VS Code mostra il problema di TypeScript nell'editor senza svolgere nessuna di queste attività. Quali ulteriori cose vuoi? Sono curioso. –

15

Risposta breve

Does VSC supportare nativamente rilascio di fibre o ho solo bisogno di appoggiarsi gulp?

Sì. VS Code supporta l'uso di lanugine con lo TSLint extension. Non c'è bisogno di un gulp.

misure per integrare TSLint in VS Codice

primo, installare i prerequisiti: TSLint e dattiloscritto.

npm install -g tslint typescript 

In secondo luogo, aggiungere un file tslint.json al vostro principale del progetto. Puoi farlo con tslint --init, che ti dà delle belle impostazioni predefinite. In alternativa, creare il file e utilizzare questa configurazione minima, che eredita recommended rules.

// tslint.json 
{ 
    "extends": "tslint:recommended", 
    "rules": {} 
} 

Terzo, installare l'estensione per TSLint Codice VS.

  1. Aprire VS Code nella radice del progetto.
  2. Aprire il comando palette CTRL +P
  3. ext install tslint.
  4. Scegliere Installa, quindi selezionare Abilita, infine riavviare VS Code.

Quarto, goditi il ​​tuo TS Lint integrato.

TSLint in action in VS Code.

+1

Vorrei anche aggiungere che se utilizzando un file tsconfig.json personalizzato prova ad eseguirlo nella console (es. tslint **/*. ts) per assicurarti che sia un file valido altrimenti non verrà eseguito in VSCode. –

+4

Si noti che questo mostrerà solo problemi di file aperti. Per ottenere l'elenco completo nella vista "Problemi", avrai bisogno di alcuni altri passaggi che ho scritto lì: http://michael.laffargue.fr/blog/2016/09/16/vscode-make-vscode-tslint-analyze -Più-files-progetto / –

Problemi correlati