আপনি ভিজ্যুয়াল স্টুডিও কোড (ভিএসকোড) কোডটি কীভাবে ফর্ম্যাট করবেন?


990

বিন্যাসকরণের জন্য ভিজ্যুয়াল স্টুডিওতে উইন্ডোজে Ctrl+ K+ Fএবং Ctrl+ K+ এর সমতুল্য কি D, বা ভিজ্যুয়াল স্টুডিও কোড সম্পাদকের "বিউটিফায়িং" কোড?


47
মরিয়া হয়ে XML ফর্ম্যাট করার চেষ্টা করছে এমন সকলের জন্য (যা বর্তমানে বাক্সের বাইরে সম্ভব নয়) আপনি একটি এক্সটেনশন ইনস্টল করে এটি অর্জন করতে পারেন can কাজটি ঠিকঠাক করার জন্য আমি এক্সএমএল সরঞ্জামগুলি পেয়েছি । দাবি অস্বীকার: আমি লেখক নই বা এই প্রকল্পের সাথে সম্পর্কিত নই ...
তথ্যসূত্র

যদিও ভিএসকোডে ভিএস (নতুন ট্রেন্ড?) এর চেয়ে অনেক কম মেনু অপশন রয়েছে, তবে এটির সহায়তা মেনুতে বিস্তৃত তথ্য এবং টিউটোরিয়াল রয়েছে, যা এই প্রশ্নের উত্তর দিতে পারে।
রোল্যান্ড

ভিজ্যুয়াল স্টুডিও কোডে বৈধ সংমিশ্রণের চেষ্টা করার পরেও ফর্ম্যাটিংয়ের কাজ পেতে যারা লড়াই করছেন তাদের সকলের জন্য উপযুক্ত প্রোগ্রামিং ভাষার প্রকারটি নির্বাচন করতে ভুলবেন না, এই হাসির পাশেই ভিজ্যুয়াল স্টুডিও কোড উইন্ডোর নীচে ডানদিকে রয়েছে। একবার আপনি এটি করে ফেললেন যে আমি খুঁজে পেলাম যে এটি বাক্সের বাইরে চলেছে এবং কোড ফর্ম্যাট করার জন্য আপনার কোনও অতিরিক্ত প্লাগইন লাগবে না।
মিঃ হান্ট

উত্তর:


3832

কোড ফর্ম্যাটিংটি নিম্নলিখিত শর্টকাটের মাধ্যমে ভিজ্যুয়াল স্টুডিও কোডে উপলব্ধ:

  • উইন্ডোজ Shift+ + Alt+ +F
  • উপর ম্যাক Shift+ + Option+ +F
  • লিনাক্স উপর Ctrl+ + Shift+ +I

অন্যথা, আপনি শর্টকাট, পাশাপাশি অন্যান্য শর্টকাট, 'কম্যান্ড প্যালেট' দিয়ে সম্পাদকে উপলব্ধ মাধ্যমে জানতে পারেন Ctrl+ + Shift+ + P(অথবা Command+ + Shift+ + PMac এ), এবং তারপর অনুসন্ধানের জন্য ফরম্যাটে নথি


28
এছাড়াও নোট করুন ভাষা কোডটি সঠিক হতে হবে। উদাহরণস্বরূপ, সরল পাঠ্যটি নির্বাচিত হলে ফর্ম্যাট কোড পাওয়া যাবে না তবে জেএসএন-তে স্যুইচ করা (উদাহরণস্বরূপ) নির্বাচিত পাঠ্যটিকে সুখে ফর্ম্যাট করবে। (কোনও পাঠ্য সম্পাদক হিসাবে যত খুশি যাই হোক না কেন)
স্টিফেন মূল্য

4
@ জোস্মো: উবুন্টুতে, আমি ফাইল> পছন্দসমূহ> কীবোর্ড শর্টকাটগুলি খুললাম। Key "কী" এর জন্য একটি আইটেম রয়েছে: "সিটিআরএল + শিফট + আই", "কমান্ড": "সম্পাদক.অ্যাকশন.ফর্ম্যাট", "যখন": "সম্পাদকটেক্সটফোকাস"}} "Ctrl + shift + i" কমান্ডটি আমার পক্ষে কাজ করে।
আশীষ

18
এছাড়াও, স্পষ্টতই ফাইলটি প্রথমে ডিস্কে সংরক্ষণ করতে হবে। আমার এইচটিএমএল + জাভাস্ক্রিপ্টের একটি অংশ ছিল যেখানে এটি জেএস ফর্ম্যাট করতে পারে না, তাই আমি এটিকে একটি অস্থায়ী উইন্ডোতে আটকে দিয়ে ভাষাটি সেট করেছিলাম, তবে এটি সংরক্ষণ না হওয়া পর্যন্ত এটি কোনওভাবেই সহায়তা করেনি।
জোনাস

9
লোকেরা বলছে যে এটি কোনও ম্যাকের সাথে কাজ করে না, এটি শর্টকাট এবং উচ্চারণযুক্ত
ক্রিস অ্যাডামস

8
এটি আমার পক্ষে ভিএস কোড সর্বশেষ সংস্করণে কাজ করে না এবং 10 টি জিতেছে এইটি কি কোনও নির্দিষ্ট এক্সটেনশন ইনস্টল থাকা ধরে নিবে?
জয়পেক্স

479

কোড বিন্যাস শর্টকাট:

উইন্ডোজে ভিজ্যুয়াল স্টুডিও কোড - Shift+ Alt+F

ম্যাকোজে ভিজ্যুয়াল স্টুডিও কোড - Shift+ Option+F

উবুন্টুতে ভিজ্যুয়াল স্টুডিও কোড - Ctrl+ Shift+I

প্রয়োজন হলে আপনি এই শর্টকাটটি পছন্দক্রম সেটিংস ব্যবহার করে কাস্টমাইজ করতে পারেন।

ফাইল সংরক্ষণের সময় কোড ফর্ম্যাটিং:

ভিজ্যুয়াল স্টুডিও কোড ব্যবহারকারীকে ডিফল্ট সেটিংস কাস্টমাইজ করতে দেয়।

সংরক্ষণের সময় আপনি যদি নিজের সামগ্রীটিকে স্বয়ংক্রিয়ভাবে ফর্ম্যাট করতে চান তবে ভিজ্যুয়াল স্টুডিও কোডের কাজের স্থান সেটিংসে নীচের কোড স্নিপেট যুক্ত করুন।

মেনু ফাইলপছন্দসমূহওয়ার্কস্পেস সেটিংস

{
    // Controls if the editor should automatically format the line after typing
    "beautify.onSave": true,

    "editor.formatOnSave": true,

    // You can auto format any files based on the file extensions type.
    "beautify.JSfiles": [
        "js",
        "json",
        "jsbeautifyrc",
        "jshintrc",
        "ts"
    ]
}

দ্রষ্টব্য: এখন আপনি টাইপস্ক্রিপ্ট ফাইলগুলিকে স্বয়ংক্রিয় বিন্যাস করতে পারেন। আমার আপডেট পরীক্ষা করে দেখুন।



3
কেন এটি Shift + Alt + I
সেন্টেএসে

2
beautify.onSave ইনস্টল থাকা এসলিন্ট এক্সটেনশন সহ বৈধ নয়
বেন পিটারসন

উবুন্টু Shift + Alt + I
সাথিতে

2
ক্লিন্টইস্টউড prettier.singleQuote: trueআপনার বনাম কোড সেটিংসে ব্যবহার করার চেষ্টা করুন ।
Enn

216

আপনি মেনু ফাইলপছন্দসমূহকীবোর্ড শর্টকাটগুলিতে একটি কী-বাইন্ডিং যুক্ত করতে পারেন ।

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

বা ভিজ্যুয়াল স্টুডিও পছন্দ:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }

23
উইন্ডোজ সালে প্রতিস্থাপন cmdসঙ্গে ctrl- শুধু অন্ধ কপি এবং পেস্ট করুন মত আমি না!
জেনস এরিখ

3
"Editor.action.format" আবার কাজ করছে। এটি এখন পুরো ডকুমেন্টকে বিন্যাস করে যদি কিছুই না নির্বাচিত হয়, অন্যথায় নির্বাচন ফর্ম্যাট করে।
রেড রাইডিং হুড

198
  1. ফাইলটি রাইট ক্লিক করুন
  2. মেনু থেকে ফর্ম্যাট নথি নির্বাচন করুন :
    • উইন্ডোজ: Alt Shift F
    • লিনাক্স: Alt Shift I
    • ম্যাক অপারেটিং সিস্টেম: F

এখানে চিত্র বিবরণ লিখুন


18
লিনাক্স কীবোর্ড শর্টকার্ট আমি Ctlr + + শিফট হয়
লুকাস

মেনু বক্স কি?
পিটার মর্টেনসেন

আপনি যে বাক্সে মেনুটি দেখছেন সেটিকে পিটারমোরটেনসন করুন। স্ক্রিনশটে এটি "ফর্ম্যাট ডকুমেন্ট", "কাট", "অনুলিপি", "আটকান" ইত্যাদি সাদা বাক্স
বেন লেগজিও

117

সঠিক কী সমন্বয় Shift+ + Alt+ + F


2
আপনি যখন ক্লিপবোর্ড থেকে কোনও নতুন ট্যাবে কোডটি অনুলিপি করছেন এবং পেস্ট করেন , তখন কিছুই হয় না। সমাধান: সম্পর্কিত ফাইল এক্সটেনশন (উদাহরণস্বরূপ * .json) সহ কোনও ফাইলে কোড সংরক্ষণ করুন । তারপরে এটি কাজ করে। আমি মনে করি কারণটির কারণ হ'ল বিউটিফায়ার ভাষাটি এক্সটেনশান থেকে জানেন এবং কোডের উপর ভিত্তি করে একটি অটোডেটেক্ট করেন না।
সৌন্দর্য

এই শর্টকাটটি ম্যাকের জন্য কাজ করে। উইন্ডোজে এটি কোড ফর্ম্যাট করে।
সি দামোক

63

ফেডোরার জন্য

  1. File-> Preferences-> ক্লিক করুন Keyboard shortcuts
  2. অধীনে Default Keyboard Shortcuts, সার্চ ( Ctrl+ + Fজন্য) editor.action.format

আমার পড়া "key": "ctrl+shift+i"

আপনি এটি পরিবর্তন করতে পারেন। পড়ুন এই উত্তর কিভাবে উপর ... অথবা আপনি একটু স্ক্রল আপ অলস বোধ করা হয়:


আপনি "পছন্দসমূহ-> কীবোর্ড শর্টকাটস" এ একটি কী-বাইন্ডিং যুক্ত করতে পারেন

{ "key": "cmd+k cmd+d", "command": "editor.action.format" }

বা ভিজ্যুয়াল স্টুডিও পছন্দ:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.format" }


দয়া করে নোট করুন: cmdকীটি কেবল ম্যাকের জন্য। উইন্ডোজ এবং ফেডোরার জন্য (উইন্ডোজ কীবোর্ড) ব্যবহার করুনCtrl


সম্পাদনা :

ভিজ্যুয়াল কোড সংস্করণ অনুসারে 1.28.2এটি আমি খুঁজে পেয়েছি।

editor.action.formatআর বিদ্যমান নেই. এটি এখন দ্বারা প্রতিস্থাপিত হয়েছে editor.action.formatDocumentএবং editor.action.formatSelection

editor.action.formatবিদ্যমান শর্টকাটগুলি দেখতে অনুসন্ধান বাক্সে টাইপ করুন ।

কী সংমিশ্রণগুলি পরিবর্তন করতে এই পদক্ষেপগুলি অনুসরণ করুন:

  1. ক্লিক করুন editor.action.formatDocumentবাeditor.action.formatSelection
  2. আইকনের মতো একটি কলম বাম দিকে উপস্থিত হয় - এটিতে ক্লিক করুন।
  3. একটি পপ-আপ প্রদর্শিত হবে। পছন্দসই কী সমন্বয় টিপুন এবং এন্টার টিপুন।

এই কমান্ডটি দিয়ে, আমার টাইপস্ক্রিপ্ট ফাইলগুলিতে, একক উদ্ধৃতি ডাবল উদ্ধৃতি হয়। কীভাবে সমাধান করবেন?
ডায়োব্রান্ডো

নতুন সেটিংস আবর্জনা UI এ এটি সনাক্ত করার মতো বলে মনে হচ্ছে না।
অলিভার ডিকসন

63

লিনাক্স উপর এটা Ctrl+ + Shift+ +I

Windows এ এটা Alt+ + Shift+ +F । এইচটিএমএল / সিএসএস / জাভাস্ক্রিপ্ট এবং ভিজ্যুয়াল স্টুডিও কোড 1.18.0 এর সাথে পরীক্ষিত।

অন্যান্য ভাষার জন্য আপনার একটি নির্দিষ্ট ভাষা প্যাকেজ ইনস্টল করতে হতে পারে।


61

ভিজ্যুয়াল স্টুডিও কোড 1.6.1 " ফর্ম্যাট অন সেভ " সমর্থন করে যা স্বয়ংক্রিয়ভাবে প্রাসঙ্গিকভাবে ইনস্টল করা ফর্ম্যাটর এক্সটেনশানগুলি বেছে নেবে এবং প্রতিটি সেভের পুরো দস্তাবেজটি বিন্যাস করবে।

সেটিংস করে "ফর্ম্যাট অন সেভ" সক্ষম করুন

"editor.formatOnSave": true

এবং কীবোর্ড শর্টকাট উপলভ্য রয়েছে (ভিজ্যুয়াল স্টুডিও কোড 1.7 এবং তার বেশি):

পুরো দস্তাবেজটি ফর্ম্যাট করুন : Shift+ Alt+F

ফর্ম্যাট নির্বাচন কেবল : Ctrl+ K, Ctrl+F


আমি ভিএস কোডের জন্য এসিলিন্ট এক্সটেনশনের পরামর্শ দিচ্ছি marketplace.visualstudio.com/...
দেরিউজ

44

উবুন্টু উপর এটা Ctrl+ + Shift+ + I


7
আমার ধারণা এটি ভাষার উপর নির্ভর করে। CTRL + SHIFT + Iজাভাস্ক্রিপ্টের জন্য কাজ করে তবে পিএইচপি-র জন্য নয়, উদাহরণস্বরূপ।
জেমি কার্ল

32

পাঠ্যে শুধু ডান ক্লিক করুন এবং "ফর্ম্যাট কোড" নির্বাচন করুন।

ভিজ্যুয়াল স্টুডিও কোড js-beautifyঅভ্যন্তরীণভাবে ব্যবহার করে তবে এটি আপনি যে স্টাইলটি ব্যবহার করতে চান তা পরিবর্তন করার ক্ষমতাটির অভাব বোধ করে। এক্সটেনশান "সুন্দরী" আপনাকে সেটিংস যোগ করতে দেয়।


1
অবশ্যই, আমি উইন্ডোজ ব্যবহার করছি এবং এটি বর্ণিত হিসাবে কাজ করে - এটি ভিএসকোড সংস্করণ (দয়া করে আপডেট করুন!) এবং ফাইল এক্সটেনশনের উপর নির্ভর করে। এইচটিএমএল দিয়ে পরীক্ষা করুন।
জিফ্রিড ২


32

মেনু ফাইলপছন্দসমূহসেটিংস

"editor.formatOnType": true

আপনি যখন সেমিকোলনে প্রবেশ করবেন, এটি ফর্ম্যাট হবে।

বিকল্পভাবে, আপনি ব্যবহার করতে পারেন "editor.formatOnSave": true


অদ্ভুতভাবে যথেষ্ট, আমি খুঁজে পেয়েছি যে এই সেটিংটির আচরণটি shift+alt+fনির্দিষ্ট পরিস্থিতিতে তুলনায় আলাদা হতে পারে । কেন জানি না!
JzInqXc9Dg

যখন আমার এটি সক্ষম হয়ে যায় এবং আমি সি # তে একটি ফাংশন তৈরি করি, আমি পুরো জিনিসটি সম্পূর্ণ করতে এবং এগিয়ে যেতে পারি তবুও "ফর্ম্যাট ডকুমেন্ট" বৈশিষ্ট্যটি না করা পর্যন্ত ফাংশনটি ফর্ম্যাট করা যায় না। আমি জানি না যে ফাংশন টাইপ করার পরে উপরের সেটিংসটি কেন ফর্ম্যাট হয় না।
ড্যানিয়েল জ্যাকসন


24

কিছু কারণে Alt+ + Shift+ + Fনা ম্যাক ভিসুয়াল স্টুডিও কোড 1.3.1 উপর আমার জন্য কাজ করেছি, আর আসলে কমান্ড "ফরম্যাটে নথি" সব এ কাজ করে না। কমান্ড ফরম্যাটার খুব ভাল কাজ করেছে।

আপনি ব্যবহার তাই করতে পারেন Command+ + Shift+ + Pএবং টাইপ ফরম্যাটার বা মেনু আপনার নিজের শর্টকাট করতে ফাইলপছন্দসমূহকীবোর্ড শর্টকাটCommand+ + K Command+ + Sতারপর টাইপ করুন ফরম্যাটার এবং আপনার শর্টকাট যোগ করুন।

একটি উদাহরণ দেখুন:

এখানে চিত্র বিবরণ লিখুন


23

ভিজ্যুয়াল স্টুডিওতে ফর্ম্যাট কোড

আমি উইন্ডোজ 8 এ ফরম্যাট করার চেষ্টা করেছি।

কেবল নীচের স্ক্রিনশটগুলি অনুসরণ করুন।

  1. উপরের মেনু বারের ভিউতে ক্লিক করুন, এবং তারপরে কমান্ড প্যালেটে ক্লিক করুন।

    এখানে চিত্র বিবরণ লিখুন

  2. তারপরে একটি পাঠ্যবাক্স উপস্থিত হবে যেখানে আমাদের ফর্ম্যাট টাইপ করতে হবে

    Shift+ Alt+F

    এখানে চিত্র বিবরণ লিখুন


1
কিছু সময় আমি পেস্ট এক্সএমএল একটি নতুন ফাইলে কপি করি এবং ফাইলটি সংরক্ষণ না করে এটি ফর্ম্যাট করতে চাই। এই যেমন পরিস্থিতিতে জন্য নিখুঁত!
ব্যবহারকারীর 3885927

19

ভিসুয়াল স্টুডিও কোড ইন, Shift+ + Alt+ + Fকরছে কি Ctrl+ + K+ + Dভিসুয়াল স্টুডিও মধ্যে কাজ করছে।


18

আমি # ম্যাক ওএস এক্স, ডিএনভিএম এবং ডিএনএক্স-এর জন্য মনো ইনস্টল না করা পর্যন্ত সি # এ ফর্ম্যাট শর্টকাটটি আমার পক্ষে কাজ করে না ।

আমি মনো ইনস্টল করার আগে, স্বয়ংক্রিয়-বিন্যাস শর্টকাট ( Shift+ Alt+ F) কেবলমাত্র .jsonফাইলগুলির জন্য কাজ করে।


সি # ফর্ম্যাট করার জন্য এক্সটেনশানগুলি ইনস্টল করা দরকার। সাধারণত ওমনিশার্পের কাজ করা উচিত। তবে ওমনিশর্পে একটি বাগ রয়েছে। ত্রুটি সংশোধন না করা পর্যন্ত আমাদের Leopotam.csharpfixformat এক্সটেনশন ব্যবহার করতে হবে। এটি ওমনিশার্পকে ওভাররাইড করে। সি # ফিক্সফর্ম্যাট এক্সটেনশন ইনস্টল করার পরে আমি আবার দস্তাবেজগুলি ফর্ম্যাট করতে পারি।
ওয়ানল উমুত তুর

18

Mac এ, Shift+ + Alt+ + Fআমার জন্য কাজ করে।

আপনি মেনুতে সর্বদা কী বাইন্ডিংগুলি পরীক্ষা করতে পারেন:

মেনু ফাইলপছন্দসমূহ → কীওয়ার্ড শর্টকাটগুলি এবং কীওয়ার্ড 'ফর্ম্যাট' দ্বারা ফিল্টার।


14

ভিজ্যুয়াল স্টুডিও কোডের জন্য ডিফল্ট আচরণের পরিবর্তনের জন্য একটি এক্সটেনশন প্রয়োজন, আপনি ওয়ার্কস্পেস বা ব্যবহারকারীর স্তরে ডিফল্ট আচরণকে ওভাররাইড করতে পারেন। এটি বেশিরভাগ সমর্থিত ভাষার জন্য কাজ করে (আমি এইচটিএমএল, জাভাস্ক্রিপ্ট এবং সি # এর গ্যারান্টি দিতে পারি)।

কর্মক্ষেত্র স্তর

উপকারিতা

  • একটি এক্সটেনশন প্রয়োজন হয় না
  • দলের মধ্যে ভাগ করা যায়

ফলাফল

  • .vscode/settings.json প্রকল্পের মূল ফোল্ডারে তৈরি করা হয়

কিভাবে?

  1. এতে যান: মেনু ফাইলপছন্দসমূহওয়ার্কস্পেস সেটিংস

  2. "editor.formatOnType": trueসেটিংস.জসনে যুক্ত করুন এবং সংরক্ষণ করুন (যা আপনি .vscode / settings.json ফাইল তৈরি করে যে প্রকল্পে কাজ করেন তার জন্য ডিফল্ট আচরণকে ওভাররাইড করে)।

    এটা দেখতে কেমন

ব্যবহারকারী পরিবেশ স্তর

উপকারিতা

  • এক্সটেনশন প্রয়োজন হয় না
  • তাদের সকলকে নিয়মিত করতে ব্যক্তিগত বিকাশের পরিবেশের টুইটগুলি (সেটিংস :))

ফলাফল

  • ব্যবহারকারীর settings.jsonসংশোধন করা হয়েছে (নীচে অপারেটিং সিস্টেম দ্বারা অবস্থান দেখুন)

কিভাবে?

  1. এতে যান: মেনু ফাইলপছন্দসমূহব্যবহারকারী সেটিংস

  2. Add or এর মান পরিবর্তন "editor.formatOnType": falseকরতে "editor.formatOnType": trueব্যবহারকারী settings.json মধ্যে

আপনার ভিজ্যুয়াল স্টুডিও কোড ব্যবহারকারীর settings.jsonঅবস্থান:

আপনার প্ল্যাটফর্মের উপর নির্ভর করে সেটিংস ফাইলের অবস্থানগুলি, ব্যবহারকারীর সেটিংস ফাইলটি এখানে অবস্থিত:

  • উইন্ডোজ: %APPDATA%\Code\User\settings.json
  • ম্যাক: $HOME/Library/Application Support/Code/User/settings.json
  • লিনাক্স: $HOME/.config/Code/User/settings.jsonওয়ার্কস্পেস সেটিং ফাইলটি আপনার প্রকল্পে .vscode ফোল্ডারের নীচে অবস্থিত।

আরও বিশদ এখানে পাওয়া যাবে


9

ডিফল্ট এই কীটি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট নথিগুলিতে আমার পক্ষে কাজ করছে না।

অনুসন্ধানের পরে, আমি 133,796 টি ইনস্টল সহ জনপ্রিয় প্লাগইন জেএস-সিএসএস-এইচটিএমএল ফর্ম্যাটরটি পেয়েছি

ইনস্টল করার পরে মাত্র উইন্ডোজ এবং হিট পুনরায় লোড Ctrl+ + Shift+ + F, এবং এটা কাজ!


হ্যাঁ, তবে 5 টির মধ্যে মাত্র 2 জন? সিরিয়াসলি?
কিমিউসার

কেবলমাত্র একটি অনুস্মারক: এই উত্তরটি মূলত 2017 সালে লেখা হয়েছিল এবং সেই সময় ভিএস কোড কার্যকারিতা প্লাগইন বা অন্যান্য হ্যাকের মাধ্যমে বেশ কার্যকরী ছিল, অন্য কোনও সমাধান আমার পক্ষে সে সময় কাজ করেনি তাই আমি নিজেই এটি আবিষ্কার করেছিলাম যা আসলে সেই সময়টি কাজ করেছিল এবং হয়নি did এর মধ্যে কত তারা রয়েছে তার যত্ন নিয়েছে :-) এখন 2020 এবং বিন্যাস সমর্থনটি বক্সের বাইরে দুর্দান্ত।
মুমাইর

আমি মনে করি না ভিএস কোডটি এখনও বাক্সের বাইরে সিএসএস ফর্ম্যাটকে সমর্থন করে। আমি প্রীতিটি প্লাগইন ইনস্টল করেছি ( প্রেটিয়ার.ইও ) যা জাভাস্ক্রিপ্ট, টাইপস্ক্রিপ্ট, ফ্লো, জেএসএক্স, জেএসএন, সিএসএস, এসসিএসএস, কম, এইচটিএমএল, ভ্যু, কৌণিক, গ্রাফকিউএল, মার্কডাউন, ইয়ামএল পরিচালনা করে। 5.6 মিলিয়ন ইনস্টল এবং 4 তারা।
কিমিউসার

আমি আনন্দিত যে আপনি সুন্দর দেখতে পেয়েছেন: পি ফর্ম্যাটিং সমর্থন রয়েছে তবে প্রিটিটিয়ার হিসাবে ভাল নয়, আমি আমার সমস্ত প্রকল্পে .prettierrcএবং প্লাগইনে ডেভ-নির্ভরতা হিসাবে প্রিট্টিয়ার ব্যবহার করি । আমি আশঙ্কা করছি যে একদিনের সুন্দর বনাম কোডে মিশে যাবে :)
মুমাইর

8

পাঠ্যটি নির্বাচন করুন, নির্বাচনের ডানদিকে ক্লিক করুন এবং "কমান্ড প্যালেট" বিকল্পটি নির্বাচন করুন:

এখানে চিত্র বিবরণ লিখুন

একটি নতুন উইন্ডো খোলে। "ফর্ম্যাট" অনুসন্ধান করুন এবং প্রয়োজনীয়তা অনুসারে ফর্ম্যাটিং করার বিকল্পটি নির্বাচন করুন।




7

যাঁরা জাভাস্ক্রিপ্ট ফাইলগুলি ফর্ম্যাট করতে চান তা কাস্টমাইজ করতে চান, আপনি সম্পত্তির যেকোন এক্সটেনশনটি ব্যবহার করতে পারেন JSfiles। এটিই এইচটিএমএল এর ক্ষেত্রে প্রযোজ্য।

{
    "beautify.onSave": true,
    "beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],
    "beautify.HTMLfiles": ["htm", "html"]
}

এটি টাইপস্ক্রিপ্টের জন্য সংরক্ষণের ক্ষেত্রে সৌন্দর্যকে সক্ষম করবে এবং আপনি এক্সএমএলে এইচটিএমএল বিকল্পে যুক্ত করতে পারেন add


1
আমি এটা কোথায় রাখি? এটি এটি
জুড়তেও

আপনি এই কোডটি কোথায় রাখবেন তা উল্লেখ করতে পারতেন
gromit190

6

আপনি যদি বিন্যাস-দস্তাবেজের স্টাইলটি কাস্টম করতে চান তবে আপনার শোভাকর শোভাকর ব্যবহার করা উচিত ।

এই স্ক্রিনশটটি দেখুন:

চিত্র


6

আপনাকে প্রথমে উপযুক্ত প্লাগ-ইন ইনস্টল করতে হবে (যেমন, এক্সএমএল, সি # ইত্যাদি) etc.

আপনি প্রাসঙ্গিক প্লাগইন ইনস্টল না করা এবং উপযুক্ত এক্সটেনশন সহ ফাইলটি সংরক্ষণ না করা অবধি ফর্ম্যাটিং উপলব্ধ হবে না।


সুন্দরী আপনাকে জিজ্ঞাসা করে যে কোন ফর্ম্যাটরটি ব্যবহার করতে হবে তা না জেনে, একজনকে স্ট্র্যাড সিএসটিএমএল করার অনুমতি দেয়।
সিইস টিমারম্যান

6

ভিজ্যুয়াল স্টুডিও কোড (উবুন্টু) এ আমি সবচেয়ে সহজ উপায়টি হ'ল:

আপনি যে পাঠ্যটি মাউস দিয়ে ফর্ম্যাট করতে চান তা নির্বাচন করুন।

ডান ক্লিক করুন এবং "ফর্ম্যাট নির্বাচন" নির্বাচন করুন


5

এইটা না. এটা ব্যবহার কর:

মেনু ফাইলপছন্দসমূহওয়ার্কস্পেস সেটিংস , "Editor.formatOnType" : সত্য


3
এই কি না? আপনি অন্য উত্তর উল্লেখ করছেন? যদি হ্যাঁ, কোনটি?
পিটার মর্টেনসেন

2

এক্সটেনশন ব্যবহার করুন ...

আপনি যখন কোনও ফাইল সংরক্ষণ করেন তখন কোডটির স্বয়ংক্রিয় বিন্যাস সক্ষম করে।

ভিজ্যুয়াল স্টুডিও কোড এবং দ্রুত ওপেন ( Ctrl+ P) চালু করুন, নিম্নলিখিত কমান্ডটি পেস্ট করুন এবং টিপুন Enter

ext ইনস্টল করুন বিন্যাস-অন-সেভ

https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save


2
লিঙ্কটি মারা গেছে- 404?
jordan.baucke

2

লিনাক্সে ভিজ্যুয়াল স্টুডিও কোড:

Ctrl+ [কোডের আনইন্ডেন্ট ব্লক এবং

Ctrl+ + ]একটি গণ খাঁজ করতে

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.