विजुअल स्टूडियो 2017

Question

के लिए टाइपस्क्रिप्ट समर्थन मैं हाल ही में टाइपस्क्रिप्ट सीखने की कोशिश कर रहा हूं, और कुछ वीडियो जो मैं एक वेब फ़ाइल दृश्य स्टूडियो के साथ काम करते समय 'वेब अनिवार्य' एक्सटेंशन स्थापित करने के बाद देख रहा हूं, आपको एक प्री- पैनल देखें ताकि आप टाइप करते समय जावास्क्रिप्ट देख सकें।

ये वीडियो वी.एस. 2012

हालांकि वी.एस. 2017 पर वेब अनिवार्य स्थापित करने का उपयोग किया जा करने के लिए इस विकल्प होता है करने के लिए, किसी को पता है कि कैसे मैं इस वी.एस. 2017 में काम करने के लिए प्राप्त कर सकते हैं नहीं लगता है लगता है? क्या टाइपस्क्रिप्ट के लिए इसका वही समर्थन है?

Answer 1

मुझे लगता है कि आपका प्रश्न वीएस 2017 के लिए है और मुझे यह पुष्टि करने के लिए वीएस 2017 पर कोई दस्तावेज नहीं मिला है कि यह वापस जोड़ा गया है या नहीं। हालांकि, मैं मिला है कि इस वी.एस. 2015 में हटा दिया गया था टीएस पूर्वावलोकन फलक वजह से नए संस्करण बाहर आ लगातार टीएस संकलक के साथ संघर्ष में चल रहे करने के लिए वेब अनिवार्य 2015 से निकाल दिया गया है Github

पर यह लिंक देखें। टीएस टीम इसके बारे में जानते हैं और मुझे आशा है कि वे भविष्य में टीएस टूलींग में सुविधा को जोड़ देंगे। यह संभव है कि पूर्वावलोकन पैन लागू किए जाने पर यह सुविधा ब्रांड नए वेब कंपाइलर एक्सटेंशन (https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c) में शामिल की जाएगी।

Answer 2

तो टाइपस्क्रिप्ट डिफ़ॉल्ट रूप से VS2017 के साथ स्थापित किया गया है (अपडेट 2 आपको 2.3 का नवीनतम संस्करण देगा और साइड बाय साइड इंस्टॉल करेगा)। यदि आपके पास यह नहीं है तो आप इसे विजुअल स्टूडियो इंस्टालर के माध्यम से जोड़ सकते हैं - इंस्टॉलर से बर्गर मेनू पर क्लिक करें और संशोधित करें चुनें, फिर व्यक्तिगत घटक पर क्लिक करें और एसडीके, पुस्तकालयों और फ्रेमवर्क के तहत आप टाइपस्क्रिप्ट जोड़ सकते हैं।

एक बार स्थापित आप कैसे व्यवहार करने के लिए, उदाहरण के लिए यहाँ टाइपप्रति संकलक बताने के लिए एक tsconfig.json फ़ाइल जोड़ सकते हैं:

{ 
    "compileOnSave": true, 
    "compilerOptions": 
    { 
     "noImplicitAny": false, 
     "noEmitOnError": true, 
     "removeComments": false, 
     "sourceMap": true, 
     "target": "es5" 
    }, 
    "exclude": 
    [ 
     "node_modules" 
    ] 
} 

महत्वपूर्ण सेटिंग compileOnSave जो वी.एस. बताता है कि जब आप को बचा js फ़ाइल संकलित करने के लिए है ts।

अब आप देखना चाहिए आप अपने टाइपप्रति फ़ाइल के भीतर एक नेस्टेड जावास्क्रिप्ट फ़ाइल है:

अब तुम सिर्फ कंधे से दोनों फ़ाइलों पक्ष को खोलने के लिए और जब आप ts तो बचाने js आप अपडेट हो जाएगा की जरूरत है (यदि वीएस आपको डिस्क पर परिवर्तित फ़ाइल लोड करने के लिए संकेत देता है तो यह हमेशा अद्यतन विकल्प को टिक करने में मदद करता है)।

Answer 3

मेरे पास एक काम है, यह थोड़ा सा काम है लेकिन जब मैं आउटपुट की जांच करना चाहता हूं तो अजीब मौकों के साथ मदद करता है।

मैं बनाम बना रहा हूं 2007 में मेरे पास वेब आवश्यक स्थापित और वेब कंपाइलर है, लेकिन यह अभी भी 15.4 के रूप में ts का समर्थन नहीं करता है और मुझे काम करने के लिए tsconfig.json नहीं मिल सका।

संक्षेप में अपनी परियोजना में छिपी हुई फ़ाइलें दिखाने के लिए और इसी js फ़ाइल चुनें, फिर तो आप एक विभाजित स्क्रीन

है सही करने के लिए टैब को खींचें जब आप बदल सकते हैं और ts फ़ाइल को सहेजने के लिए, आप एक मिल सकता है पॉपअप कह रहा है कि "फ़ाइल बदल गई है" या ऐसा कुछ है, वहां एक चेक बॉक्स है जिसे आप वहां चुन सकते हैं जो कहता है "ऑटोस्टेस्टोर अगर कोई बदलाव नहीं हुआ" (फिर से मैं पैराफ्रेशिंग कर सकता हूं, तो मैंने विकल्प ढूंढने का प्रयास किया ताकि मैं इसे रीसेट कर सकूं एक स्क्रीनशॉट प्राप्त करने के लिए, लेकिन मुझे यह नहीं मिल रहा है!), इसे जांचें और फिर "सभी को हां" चुनें, यह जेएस फ़ाइल को रीफ्रेश करता है। अगली बार जब आप अपनी टीएस फाइल बदलते हैं तो जेएस फाइल अपडेट हो जाएगी।

मुझे पता है कि यह बहुत अच्छा नहीं है, लेकिन मुझे यह बहुत उपयोगी लगता है क्योंकि पाठ्यक्रम के बाद आप जो देखते हैं उसका एनालॉग प्राप्त कर सकते हैं और वे जावास्क्रिप्ट का पूर्वावलोकन दिखाते रहते हैं।

Answer 4

विजुअल स्टूडियो 2017 में, आपको स्थापना प्रक्रिया के दौरान "नोड.जेएस विकास" वर्कलोड स्थापित करने की आवश्यकता है या "आप जो खोज रहे हैं उसे नहीं ढूंढ रहे" पर क्लिक करके नए प्रोजेक्ट डायलॉग में अपने मौजूदा इंस्टॉलेशन को संशोधित करने की आवश्यकता है। स्टूडियो इंस्टॉलर "लिंक।

फिर फ़ाइल> नया> प्रोजेक्ट ... इंस्टॉल श्रेणी के अंतर्गत जावास्क्रिप्ट और टाइपस्क्रिप्ट परियोजना टेम्पलेट्स शामिल होगा।