विजुअल स्टूडियो कोड - आयात उद्धरण सेटिंग समायोजित करें

Question

जब Visual Studio Code में टाइपस्क्रिप्ट में काम कर रहे हैं, तो टाइप पर आयात सुझाव (स्पेस + पीरियड से ट्रिगर) दोहरे उद्धरण चिह्नों का उपयोग करके एक आयात उत्पन्न करेगा।

हमारे टाइपस्क्रिप्ट लिंटर सत्यापित करता है कि जहां संभव हो, एकल उद्धरण का उपयोग किया जाता है।

जैसा कि आप नीचे देख सकते हैं, इस सुझाव के दोहरे उद्धरण हैं ("@angular / ...")

मैं आयात की सेटिंग कैसे समायोजित कर सकता हूं?

Comments

marketplace.visualstudio.com/…

— Иван Грозный

Answer 1

VSCode 1.10 के रूप में, यह (दुख की बात है) अभी तक संभव नहीं है। लेकिन जैसा कि ऐसा लगता है उपयोगकर्ताओं के लिए एक मुद्दा है। VSCode विषय इस समस्या से अवगत है और आप इसे लागू होने पर जानने के लिए इसका अनुसरण कर सकते हैं: https://github.com/Microsoft/TypeScript/issues/13270

---

अपडेट जून २०१ 201

VSCode 1.24 (जून 2018) के बाद से इसके लिए एक विकल्प है!

"typescript.preferences.quoteStyle": "single"

अधिक जानकारी के लिए देखें:

https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code

Comments

"typescript.preferences.quoteStyle": "single"

— निको

यह मेरे लिए प्रभावी नहीं लगता है। मुझे अभी भी सुझावों और स्निपेट से दोहरे उद्धरण मिलते हैं।

— जॉन नुप

मेरे लिए समान, सभी

— अधिभोग

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

— घोस्टबाइट्स

Answer 2

आप इस सेटिंग को समायोजित करने के लिए अपनी vscode उपयोगकर्ता सेटिंग्स में नीचे की रेखा को भी कॉन्फ़िगर कर सकते हैं।

"prettier.singleQuote": true

Comments

— प्रेटियर

निराशा होती है कि लोग मान लेते हैं कि आप प्रीटीयर का उपयोग करना चाहते हैं। जब तक कोई यह नहीं पूछता "मैं प्रीटीयर के साथ कैसे करता हूं" - मुझे लगता है कि यह मानने का जवाब नहीं देना सबसे अच्छा है।

— ज़ार बॉम्बे

@TsarBomba तुम सही हो। इस सेटिंग को कोटेशन को समायोजित करने के लिए Prettier एक्सटेंशन की आवश्यकता होती है। marketplace.visualstudio.com/…

— abdllhbyrktr

Answer 3

मैंने तय किया कि संपादक कॉन्फिगरेशन का उपयोग करते हुए , अपने प्रोजेक्ट रूट डायरेक्टरी में अपनी .editorconfig फ़ाइल खोलें (यदि आपके पास नहीं है, तो वह फ़ाइल बनाएं) और [*] के बाद इस लाइन को जोड़ें।

[*]
...
quote_type = single

में विकि आप गुण की पूरी सूची देख सकते हैं।

Comments

Upvoted। प्रतिबंधित केवल उसी परियोजना में बदलता है जिस पर आप विश्व स्तर पर काम कर रहे हैं। अतिरिक्त नोट: परिवर्तनों को प्रभावी बनाने के लिए VS कोड को पुनरारंभ करें ।

— ईडीएसएफ

बस टिप्पणी करने के लिए, वीएस कोड में आप कार्यक्षेत्र सेटिंग्स सेट कर सकते हैं जो उस परियोजना के लिए भी विशिष्ट हैं। यह आपको विशेष रूप से आयात पर सिंगल / डबल कोट्स का उपयोग करने की अनुमति देगा यदि आप फ़ाइलों के भीतर अन्य प्रकार का उपयोग करना चाहते हैं। .Editorconfig परिवर्तन परियोजना विस्तृत होगी।

— Cruril

Answer 4

वी.एस. कोड 1.21.1 के रूप में आपको संपादित करने की आवश्यकता है

/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json

विंडोज में

/ एप्लिकेशन / विज़ुअल स्टूडियो कोड ।app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json ।

विंडोज 10 में (vscode संस्करण 1.30। * (उपयोगकर्ता सेटअप) बाद में)

* C: \ Users \ <yourusername> \ AppData \ Local \ Programs \ Microsoft VS कोड \ रिसोर्स \ एप \ एक्सटेंशन \ टाइपस्क्रिप्ट-बेसिक्स \ स्निपेट्स \ typecript.json

उस फ़ाइल के 'इंपोर्ट एक्सटर्नल मॉड्यूल' सेक्शन में बॉडी ऐरे प्रॉपर्टी को वैल्यू बनाते हैं "import { $0 } from '${1:module}';"। सेक्शन इस तरह दिखेगा:

"Import external module.": {
    "prefix": "import statement",
    "body": [
        "import { $0 } from '${1:module}';"
    ],
    "description": "Import external module."
},

Comments

इस समाधान ने मेरे लिए काम किया। वस्तुतः सब कुछ करने की कोशिश की लेकिन केवल यह तय किया।

— सोसा

Answer 5

इस कॉन्फ़िगरेशन का समर्थन करने वाला एक विकल्प टाइपस्क्रिप्ट टूलबॉक्स है ।

यह सेटिंग द्वारा कॉन्फ़िगर करने योग्य है genGetSet.pathStringDelimiter, जिसमें पहले से ही डिफ़ॉल्ट के रूप में एकल-उद्धरण आयात है।

Comments

इसके लिए धन्यवाद! genGetSet.spacedImportLineसेटिंग के साथ-साथ नई आयात रेखाओं की ओर इशारा करते हुए वर्थ import { Router }....डिफ़ॉल्ट के बजाय जैसे दिखते हैंimport {Router}...

— FLGMwt

उपरोक्त उत्तर और टिप्पणी दोनों ही महान जानकारी हैं! धन्यवाद दो!

— क्रिस बॉयड

Answer 6

"फ़ाइल> प्राथमिकताएं> सेटिंग" पर जाएं और फिर उपयोगकर्ता सेटिंग्स के तहत इसे जोड़ें:

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"

Comments

मेरे लिए काम करता है, धन्यवाद! BTW, आप डिफ़ॉल्ट सेटिंग्स के लिए एक लिंक जोड़ सकते हैं जो ये विकल्प प्रस्तुत करते हैं: code.visualstudio.com/docs/getstarted/settings । // Preferred quote style to use for quick fixes: 'single' quotes, 'double' quotes, or 'auto' infer quote type from existing imports. Requires using TypeScript 2.9 or newer in the workspace.

— मॉश फेउ

Answer 7

टाइपस्क्रिप्ट 2.5 के रूप में, फ़ाइल में पहला आयात या निर्यात विवरण यह निर्धारित करने के लिए स्कैन किया जाएगा कि आयात सुझावों का उपयोग करते समय एकल या दोहरे उद्धरण का उपयोग किया जाता है या नहीं।

https://github.com/Microsoft/TypeScript/pull/17750

Answer 8

आप स्ट्रिंग में एकल उद्धरण की अनुमति देने के लिए अपनी vscode उपयोगकर्ता सेटिंग्स में नीचे की रेखा को भी कॉन्फ़िगर कर सकते हैं।

प्राथमिकताएं> उपयोगकर्ता सेटिंग पर जाएं

"prettier.singleQuote": true

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

"tslint.autoFixOnSave": true

बचत करते समय ऑटो-फिक्स करने के लिए।

Answer 9

यह पहले से ही लागू है (जैसा कि एक अन्य उत्तर में उल्लेख किया गया है)! लेकिन आप शायद अभी तक टाइपस्क्रिप्ट के नवीनतम संस्करण पर नहीं हैं।

समाधान सरल है:

टाइपस्क्रिप्ट संस्करण संख्या (उदाहरण के लिए 2.3.4) पर क्लिक करें "टाइपस्क्रिप्ट" और निचले दाएं कोने में थोड़ा स्माइली चेहरा। फिर विज़ुअल स्टूडियो कोड बिल्ट-इन संस्करण (इस समय 2.5.3) पर स्विच करें।

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

बग रिपोर्ट

प्रासंगिक पुल अनुरोध :

यह निर्धारित करने की क्षमता जोड़ता है कि कोड फिक्स के माध्यम से जोड़े गए नए आयातों के लिए एकल या दोहरे उद्धरण चिह्नों का उपयोग करना है या नहीं। जब एक नया आयात जोड़ा जाता है, तो हम मॉड्यूल विनिर्देशक के साथ मौजूदा आयात या निर्यात घोषणाओं के लिए स्रोत फ़ाइल के शीर्ष-सबसे कथनों को स्कैन करते हैं। उसके बाद हम पहले वाली बोली शैली का उपयोग करते हैं। यदि फ़ाइल में कोई मौजूदा आयात नहीं हैं, तो हम दोहरे उद्धरण चिह्नों का उपयोग करते हैं।

Answer 10

उपरोक्त समाधान मेरे काम नहीं आए

तो यहाँ मेरा काम आस-पास है, आप vscode का उपयोग करते हैं "tslint.autoFixOnSave": settings.jsonजब आप फ़ाइल को सहेजते हैं, तो आपके द्वारा सही इन आयात उद्धरणों को स्वचालित रूप से ठीक कर देगा।

Comments

कहते हैंUnknown Configuration Setting

— एडगर क्विंटो