2015-06-03 8 views
10

0.3.0 में, मैं टाइपस्क्रिप्ट के लिए इंटेलिजेंस देख रहा हूं। हालांकि, मैं कुछ tslinting देखने की भी उम्मीद कर रहा था क्योंकि मेरे पास tslint.json है। क्या वीएससी ने मूल रूप से लिफ्टिंग का समर्थन किया है या क्या मुझे सिर्फ गल्प पर दुबला होना चाहिए?विजुअल स्टूडियो कोड और tslint को कॉन्फ़िगर कैसे करें?

यदि उत्तरार्द्ध, फ़ाइलों को बदलने के रूप में चलाने के लिए कॉन्फ़िगर करने योग्य है या इसे स्पष्ट रूप से लॉन्च किया गया मैन्युअल कार्य होने की आवश्यकता है।

+0

[वेब पेज] के आधार पर (https://code.visualstudio.com/Docs/languages) वे कहते हैं टाइपप्रति के लिए linting और सी # –

+0

सामी, क्या मुझे याद आ रही के लिए समर्थन नहीं है? मैं "इंटेलिजेंस, लिंटिंग, सीएसएस, एचटीएमएल, जावास्क्रिप्ट, जेएसओएन, कम और एसएएस के लिए बाहर निकलना" देखता हूं - ठीक नीचे "रिफैक्टरिंग, सी #, टाइपस्क्रिप्ट के लिए सभी संदर्भ ढूंढें"। सी #/ts के लिए कोई लिफ्टिंग नहीं है और मैं इसे आईडीई में अपने tslint.json नियमों को लागू नहीं कर रहा हूं, इसलिए मुझे लगता है कि यह अभी तक वायर्ड नहीं है। लेकिन, देखना चाहता था कि मैं कहीं टॉगल चूक गया था या नहीं। –

+0

"ठीक करने का कोई इरादा नहीं" https://code.visualstudio.com/issues/Detail/16540 सुझाव दें कि हम एक कार्य पर दुबला हैं https://code.visualstudio.com/Docs/tasks –

उत्तर

4

आप नीचे दिए गए अपने gulpfile में एक लिफ्टिंग कार्य जोड़ सकते हैं। या यहां तक ​​कि एक दर्शक कार्य। ध्यान दें कि मैं सिर्फ टाइपस्क्रिप्ट का उपयोग करता हूं, न कि प्लग प्लग और न ही 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(); 
    }); 
} 
+1

धन्यवाद जॉन। मैं अब एक वॉचर का उपयोग कर रहा हूं जो गल्प-सूचना का उपयोग करता है। मैं कड़े एकीकरण की उम्मीद कर रहा था - इनलाइन अधिसूचना, आदि। मुझे कल्पना है कि यह आ रहा है। –

+0

मैं सहमत हूं। नए वेबस्टॉर्म 11 में अब लाइन लाइनिंग के साथ टीएसएक्स का कड़ा एकीकरण है। मैं वीएससी और डब्ल्यूएस के बीच आगे और पीछे गया हूं, लेकिन वर्तमान में वेबस्टॉर्म के साथ चिपक रहा हूं जब तक कि वीएससी में इनलाइन अधिसूचना न हो। – pbanka

+0

मैं वास्तव में इनमें से किसी का भी उपयोग नहीं करता हूं। वीएस कोड संपादक में टाइपस्क्रिप्ट समस्या को इनमें से कोई भी कार्य किए बिना दिखाता है। आप क्या अतिरिक्त चीजें चाहते हैं? मैं उत्सुक हूँ। –

15

लघु जवाब

VSC देशी रूप linting समर्थन या मैं बस घूंट पर दुबला करने की आवश्यकता है करता है?

हां। वीएस कोड TSLint extension. के साथ लिफ्टिंग का समर्थन करता है गल्प की कोई आवश्यकता नहीं है।

कदम वी.एस. कोड

पहले में TSLint एकीकृत करने के लिए, आवश्यक शर्तें स्थापित: TSLint और टाइपप्रति।

npm install -g tslint typescript 

दूसरा, अपनी परियोजना के रूट में एक tslint.json फ़ाइल जोड़ें। आप इसे tslint --init के साथ कर सकते हैं, जो आपको अच्छा डिफ़ॉल्ट देता है। वैकल्पिक रूप से, फ़ाइल, इस न्यूनतम config, जो विरासत में recommended rules.

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

तीसरा बनाने और उपयोग वी.एस. कोड के लिए TSLint एक्सटेंशन इंस्टॉल करें।

  1. अपनी परियोजना की रूट में ओपन वीएस कोड।
  2. ओपन कमांड पैलेट CTRL + पी
  3. ext install tslint
  4. इंस्टॉल करें चुनें, फिर सक्षम करें चुनें, अंततः वीएस कोड को पुनरारंभ करें।

चौथा, अपने एकीकृत टीएस लिंट का आनंद लें।

TSLint in action in VS Code.

+1

मैं इसे भी जोड़ूंगा कस्टम tsconfig.json फ़ाइल का उपयोग करके इसे कंसोल (यानी tslint **/*। ts) में चलाने की कोशिश करें ताकि यह सुनिश्चित किया जा सके कि यह एक वैध फ़ाइल है अन्यथा यह VSCode में नहीं चलेगा। –

+4

ध्यान दें कि यह केवल खुली फ़ाइल समस्याओं को दिखाएगा। "समस्याएं" दृश्य में पूरी सूची प्राप्त करने के लिए, आपको वहां कुछ और कदमों की आवश्यकता होगी: http://michael.laffargue.fr/blog/2016/09/16/vscode-make-vscode-tslint-analyze एकाधिक-फ़ाइलें-परियोजना / –

संबंधित मुद्दे