español - ¿Cómo configurar Visual Studio Code y tslint?

visual studio code español

Question

En 0.3.0, estoy viendo intellisense para mecanografiado. Sin embargo, también esperaba ver algunos tslinting ya que tengo un tslint.json. ¿VSC soporta la formación de líneas de forma nativa o solo necesito apoyarme en el trago?

Si es lo último, ¿es configurable para ejecutarse a medida que se cambian los archivos o necesita ser una tarea manual que se inicia explícitamente?

Answer 1

Respuesta corta

¿VSC soporta la formación de líneas de forma nativa o solo necesito apoyarme en el trago?

Sí. VS Code admite la creación de líneas con la extensión TSLint. No hay necesidad de trago.

Pasos para integrar TSLint en el Código VS

Primero , instale los prerrequisitos: TSLint y TypeScript.

npm install -g tslint typescript

Segundo , agregue un archivo tslint.json a la raíz de su proyecto. Puedes hacer esto con tslint --init , que te da buenos valores predeterminados. Alternativamente, cree el archivo y use esta configuración mínima, que hereda las reglas recomendadas.

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

Tercero , instale la extensión TSLint para el Código VS.

1. Abre el código VS en la raíz de tu proyecto.
2. Abra la paleta de comandos CTRL + P
3. ext install tslint .
4. Elija Instalar, luego elija Activar, finalmente reinicie VS Code.

En cuarto lugar , disfrutar de su TS Lint integrado.

Answer 2

Puede agregar una tarea de alineación a su gulpfile como a continuación. O incluso una tarea de observador. Tenga en cuenta que solo uso TypeScript, no trago ni tslint, aunque también están bien.

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();
    });
}