आप वीएस कोड में सेव पर कोड कैसे फॉर्मेट करते हैं


185

जब मैं Visual Studio कोड में किसी फ़ाइल को सहेजता हूं तो मैं बिल्ड-इन फॉर्मेटर का उपयोग करके स्वचालित रूप से टाइपस्क्रिप्ट कोड को प्रारूपित करना चाहता हूं।

मैं निम्नलिखित विकल्पों से अवगत हूं, लेकिन उनमें से कोई भी पर्याप्त नहीं है:

  • मैन्युअल रूप से प्रारूपित करें Shift + Alt + F
  • प्रकार पर प्रारूप "editor.formatOnType": true
    • जब आप एंटर दबाते हैं तो यह लाइन को फॉर्मेट करता है। जब आप किसी अन्य लाइन पर माउस क्लिक करते हैं या ऊपर / नीचे तीर दबाते हैं, तो यह Unfortunatelly, यह इसे बिना किसी सूचना के छोड़ देता है।
  • मौजूदा एक्सटेंशन का उपयोग करें
    • मैंने यह एक कोशिश की , लेकिन यह बहुत अच्छी तरह से काम नहीं करता है।
  • सौंदर्यीकरण का उपयोग करें "beautify.onSave": true
    • यह टाइपस्क्रिप्ट के साथ काम नहीं करता है
  • कस्टम एक्सटेंशन लिखें
    • यह मुश्किल है अगर आप ऑटोसैव को संभालना चाहते हैं और सही तरीके से निर्माण करते हैं।

जवाबों:


279

सितंबर 2016 (VSCode 1.6) के रूप में, यह अब आधिकारिक तौर पर समर्थित है

अपनी settings.jsonफ़ाइल में निम्न जोड़ें :

"editor.formatOnSave": true

5
वहाँ कुछ फ़ाइलों को बाहर करने का एक तरीका है? यानी मैं केवल .js फ़ाइलों को .html फ़ाइलों को प्रारूपित करना चाहता हूं।
गैब्रिएलअंजाल्डो

VS कोड में @ gabodev77prettier के पास इसके लिए विकल्प हैं (उदाहरण के लिए prettier.javascriptEnable, prettier.cssEnable ...) हालांकि HTML के लिए नहीं।
फ़्रीवल्कर

7
क्या यह ऑटोसवे पर प्रारूपित हो सकता है? formatOnSave मेरे लिए केवल तभी काम कर रहा है जब मैंने Cmd + S को मैन्युअल रूप से हिट किया है।
फ़्रीवल्कर


@ ल्यूक विलियम्स यह वर्तमान में संभव नहीं है, यहां इसके लिए एक फीचर अनुरोध है: github.com/microsoft/vscode/issues/45997
Gama11

64

बचाने के लिए कोड को स्वचालित रूप से प्रारूपित करें:

  • Ctrl ,उपयोगकर्ता वरीयताएँ खोलने के लिए दबाएँ
  • खोला सेटिंग्स फ़ाइल में निम्न कोड दर्ज करें

    {
        "editor.formatOnSave": true
    }
  • फाइल सुरक्षित करें

स्रोत


33

यदि आप केवल जावास्क्रिप्ट स्रोत के साथ सेव पर ऑटो फॉर्मेट करना चाहते हैं, तो इसे एक Users Setting(प्रेस Cmd,या Ctrl,) में जोड़ें :

"[javascript]": { "editor.formatOnSave": true }

मेरा संस्करण, मैंने "formatOnSave" खोजना शुरू कर दिया और बस Vs कोड सेटिंग्स UI में एक चेकबॉक्स पर क्लिक करना पड़ा
Akin Hwan

26

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

  1. [Cmd+,]मैक में या नीचे स्क्रीनशॉट का उपयोग करके सेटिंग्स खोलें ।

वीएस कोड - ओपन सेटिंग्स कमांड इमेज

  1. सर्च बॉक्स में ' फॉर्मेट ' टाइप करें और ' फॉर्मेट ऑन सेव ' विकल्प को सक्षम करें

यहां छवि विवरण दर्ज करें

आप कर चुके हैं। धन्यवाद।


4

के लिए मैक उपयोगकर्ता, अपने सामान्य सेटिंग में इस लाइन को जोड़ने

फ़ाइल पथ है: / उपयोगकर्ता / USER_NAME / लाइब्रेरी / अनुप्रयोग समर्थन / कोड / उपयोगकर्ता / सेटिंग्स। Json

"tslint.autoFixOnSave": सच

फ़ाइल का नमूना होगा:

{
    "window.zoomLevel": 0,
    "workbench.iconTheme": "vscode-icons",
    "typescript.check.tscVersion": false,
    "vsicons.projectDetection.disableDetect": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "eslint.autoFixOnSave": true,
    "tslint.autoFixOnSave": true
}
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.