如何配置Visual Studio代碼和tslint？

Question

在0.3.0中，我看到了打字稿的intellisense。但是，我也期待看到一些tslinting，因爲我有一個tslint.json。 VSC是否支持本地生產，還是隻需要依賴飲料？

如果後者可配置爲在文件被更改時運行，或者它需要是明確啓動的手動任務。

Answer 1

你可以添加一個linting任務到你的gulp文件，如下所示。甚至是一個觀察者任務。注意我只是使用TypeScript，而不是gulp插件和tslint，雖然他們也很好。

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

Answer 2

簡短的回答

VSC是否支持本地掉毛或者我只需要依靠一口？

是。 VS Code支持與TSLint extension. linting沒有必要吞嚥。

步驟TSLint融入VS代碼

首先，安裝先決條件：TSLint和打字稿。

npm install -g tslint typescript 

二，一個tslint.json文件添加到您的項目根。你可以用tslint --init來做到這一點，它給你很好的默認值。另外，創建該文件，並使用這個最小配置，它繼承recommended rules.

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

三，安裝TSLint擴展VS代碼。

1. 在項目的根目錄中打開VS代碼。
2. 打開命令調色板CTRL + P
3. ext install tslint。
4. 選擇安裝，然後選擇啓用，最後重新啓動VS代碼。

第四，享受您的綜合TS林特。