2016-07-05 7 views
19

मैं वेबस्टॉर्म से विजुअल स्टूडियो कोड में जाने की प्रक्रिया में हूं। वेबस्टॉर्म में प्रदर्शन अबाध है।विजुअल स्टूडियो कोड स्वचालित आयात

विजुअल स्टूडियो कोड उन निर्भरताओं को ढूंढने और उन्हें आयात करने के बारे में बहुत उपयोगी नहीं है। मैं इसे मैन्युअल रूप से कर रहा हूं, लेकिन ईमानदार होने के लिए, मैं वेबस्टॉर्म को खोजने के लिए 15 सेकंड का इंतजार करना चाहता हूं और इसके आयात को जोड़ना चाहता हूं जो इसके लिए मैन्युअल रूप से खोदना है।

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "declaration": false, 
    "removeComments": true, 
    "noLib": false, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "sourceMap": true, 
    "pretty": true, 
    "allowUnreachableCode": false, 
    "allowUnusedLabels": false, 
    "noImplicitAny": true, 
    "noImplicitReturns": true, 
    "noImplicitUseStrict": false, 
    "noFallthroughCasesInSwitch": true 
    }, 
    "exclude": [ 
    "node_modules", 
    "dist", 
    "typings/index.d.ts", 
    "typings/modules", 
    "src" 
    ], 
    "compileOnSave": false 
} 

और मेरे पास है:

Screenshot: cannot find import

मैं @ Minko-gechev https://github.com/mgechev/angular2-seed

से angular2 बीज का उपयोग कर रहा मैं अपने baseDir में एक tsconfig.json है कि इस तरह दिखता है मेरे src/client dir में एक और ऐसा है जो इस तरह दिखता है:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false, 
    "allowSyntheticDefaultImports": true 
    } 
} 

मुझे नहीं पता कि दो क्यों हैं। एंजुअलर बीज प्रोजेक्ट टाइपस्क्रिप्ट गल्प बिल्ड कार्यों का उपयोग करता है, इसलिए मुझे लगता है कि संकलन अलग है।

मैं बनाम और अधिक सहायक होने के लिए क्या प्राप्त कर सकता हूं ??

+0

दें http://alm.tools/ एक जाना – basarat

+0

पल में ही सामना कर :-)। क्या आपको एक समाधान मिला? –

+0

हाँ - मुझे पता चला कि एक्सटेंशन के माध्यम से सबकुछ जोड़ा जाता है। "ऑटो आयात" "टाइपस्क्रिप्ट आयात सहायता" "tsd-Recommender" "npm intellisense" – reach4thelasers

उत्तर

20

मुझे यह विभिन्न प्लगइन्स इंस्टॉल करके काम कर रहा है। यहां मेरी एक्सटेंशन सूची का एक स्क्रीनशॉट है। जैसे ही मैं कक्षा का नाम टाइप करता हूं, ज्यादातर समय चीजें स्वयं ही आयात करती हैं। वैकल्पिक रूप से एक लाइटबुल प्रकट होता है कि आप क्लिक कर सकते हैं। या आप एफ 1 को दबा सकते हैं, और "आयात ..." टाइप कर सकते हैं और वहां कई विकल्प भी हैं। मैं उन सभी का उपयोग करता हूं। इंटरफ़ेस को लागू करने के लिए भी F1 कार्यान्वयन उपयोगी है, लेकिन हमेशा काम नहीं करता है।

enter image description here

+0

बढ़िया, मैं दे दूंगा ये एक जाना है। धन्यवाद। –

+0

क्या आपको किसी भी कॉन्फ़िगरेशन फ़ाइलों को संशोधित करना पड़ा? या यह एक साधारण स्थापित और सक्षम था? –

+1

नहीं, मुझे नहीं लगता कि कोई कॉन्फ़िगरेशन संशोधन आवश्यक है। मेरी सेटिंग्स.जेसन में एकमात्र चीज है "typecript.tsdk": "node_modules/typecript/lib /" जो सिस्टम पर स्थापित एक के बजाय node_modules में टाइपस्क्रिप्ट के संस्करण का उपयोग करने के लिए बनाम बना देता है। – reach4thelasers

0

एक Visual Studio Code issue आप ट्रैक और अंगूठे कर सकते हैं इस सुविधा के लिए नहीं है। User Voice issue भी था, लेकिन मुझे विश्वास है कि वे गिटहब मुद्दों पर मतदान कर चुके हैं।

ऐसा लगता है कि वे टाइपस्क्रिप्ट में ऑटो आयात कार्यक्षमता चाहते हैं, इसलिए इसका पुन: उपयोग किया जा सकता है। TypeScript auto import issue to track and thumbs up here

2

मैंने Auto Import प्लगइन का उपयोग किया जो काफी आसान है।

सभी उपलब्ध आयातों के लिए स्वचालित रूप से पार्स और कोड पूरा करने, पार्स और कोड प्रदान करता है। टाइपस्क्रिप्ट और टीएसएक्स के साथ काम करता है।

आप देख सकते हैं कि यह कैसे काम करता है पर: https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

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