Cách định cấu hình Visual Studio Code và tslint?

Question

Trong 0.3.0, tôi thấy intellisense cho bản ghi. Tuy nhiên, tôi cũng mong đợi để xem một số tslinting như tôi có một tslint.json. VSC có hỗ trợ linting nguyên bản hay tôi chỉ cần dựa vào gulp?

Nếu sau này, cấu hình có thể định cấu hình để chạy dưới dạng tệp được thay đổi hay không cần thực hiện tác vụ thủ công được khởi chạy rõ ràng.

Answer 1

Bạn có thể thêm công việc linting vào tệp gulpfile của bạn như dưới đây. Hoặc thậm chí là một công việc quan sát. Lưu ý rằng tôi chỉ sử dụng TypeScript, không phải cắm gulp hay tslint, mặc dù chúng cũng tốt.

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

Câu trả lời ngắn

Liệu VSC hỗ trợ linting natively hoặc để tôi chỉ cần dựa vào ngụm?

Có. Mã VS hỗ trợ linting với TSLint extension. Không cần gulp.

bước để tích hợp TSLint vào VS Mã

Đầu tiên, cài đặt điều kiện tiên quyết: TSLint và nguyên cảo.

npm install -g tslint typescript 

Second, thêm một tập tin tslint.json đến gốc của dự án của bạn. Bạn có thể làm điều này với tslint --init, cung cấp cho bạn các giá trị mặc định tốt đẹp. Ngoài ra, tạo ra các tập tin và sử dụng cấu hình tối thiểu này, mà được thừa hưởng recommended rules.

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

Thứ ba, cài đặt tiện ích TSLint cho VS Mã.

1. Mở mã VS trong gốc của dự án.
2. Mở bảng lệnh CTRL +P
3. ext install tslint.
4. Chọn Cài đặt, sau đó chọn Bật, cuối cùng khởi động lại Mã VS.

Thứ tư, tận hưởng TS Lint tích hợp của bạn.