বিন্যাসকরণের জন্য ভিজ্যুয়াল স্টুডিওতে উইন্ডোজে Ctrl+ K+ Fএবং Ctrl+ K+ এর সমতুল্য কি D, বা ভিজ্যুয়াল স্টুডিও কোড সম্পাদকের "বিউটিফায়িং" কোড?
বিন্যাসকরণের জন্য ভিজ্যুয়াল স্টুডিওতে উইন্ডোজে Ctrl+ K+ Fএবং Ctrl+ K+ এর সমতুল্য কি D, বা ভিজ্যুয়াল স্টুডিও কোড সম্পাদকের "বিউটিফায়িং" কোড?
উত্তর:
কোড ফর্ম্যাটিংটি নিম্নলিখিত শর্টকাটের মাধ্যমে ভিজ্যুয়াল স্টুডিও কোডে উপলব্ধ:
অন্যথা, আপনি শর্টকাট, পাশাপাশি অন্যান্য শর্টকাট, 'কম্যান্ড প্যালেট' দিয়ে সম্পাদকে উপলব্ধ মাধ্যমে জানতে পারেন Ctrl+ + Shift+ + P(অথবা Command+ + Shift+ + PMac এ), এবং তারপর অনুসন্ধানের জন্য ফরম্যাটে নথি ।
কোড বিন্যাস শর্টকাট:
উইন্ডোজে ভিজ্যুয়াল স্টুডিও কোড - 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"
]
}
দ্রষ্টব্য: এখন আপনি টাইপস্ক্রিপ্ট ফাইলগুলিকে স্বয়ংক্রিয় বিন্যাস করতে পারেন। আমার আপডেট পরীক্ষা করে দেখুন।
Shift + Alt + I
Shift + Alt + I
prettier.singleQuote: trueআপনার বনাম কোড সেটিংসে ব্যবহার করার চেষ্টা করুন ।
আপনি মেনু ফাইল → পছন্দসমূহ → কীবোর্ড শর্টকাটগুলিতে একটি কী-বাইন্ডিং যুক্ত করতে পারেন ।
{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }
বা ভিজ্যুয়াল স্টুডিও পছন্দ:
{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }
cmdসঙ্গে ctrl- শুধু অন্ধ কপি এবং পেস্ট করুন মত আমি না!
সঠিক কী সমন্বয় Shift+ + Alt+ + F।
ফেডোরার জন্য
File-> Preferences-> ক্লিক করুন Keyboard shortcuts।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বিদ্যমান শর্টকাটগুলি দেখতে অনুসন্ধান বাক্সে টাইপ করুন ।
কী সংমিশ্রণগুলি পরিবর্তন করতে এই পদক্ষেপগুলি অনুসরণ করুন:
editor.action.formatDocumentবাeditor.action.formatSelectionভিজ্যুয়াল স্টুডিও কোড 1.6.1 " ফর্ম্যাট অন সেভ " সমর্থন করে যা স্বয়ংক্রিয়ভাবে প্রাসঙ্গিকভাবে ইনস্টল করা ফর্ম্যাটর এক্সটেনশানগুলি বেছে নেবে এবং প্রতিটি সেভের পুরো দস্তাবেজটি বিন্যাস করবে।
সেটিংস করে "ফর্ম্যাট অন সেভ" সক্ষম করুন
"editor.formatOnSave": true
এবং কীবোর্ড শর্টকাট উপলভ্য রয়েছে (ভিজ্যুয়াল স্টুডিও কোড 1.7 এবং তার বেশি):
পুরো দস্তাবেজটি ফর্ম্যাট করুন : Shift+ Alt+F
ফর্ম্যাট নির্বাচন কেবল : Ctrl+ K, Ctrl+F
উবুন্টু উপর এটা Ctrl+ + Shift+ + I।
CTRL + SHIFT + Iজাভাস্ক্রিপ্টের জন্য কাজ করে তবে পিএইচপি-র জন্য নয়, উদাহরণস্বরূপ।
পাঠ্যে শুধু ডান ক্লিক করুন এবং "ফর্ম্যাট কোড" নির্বাচন করুন।
ভিজ্যুয়াল স্টুডিও কোড js-beautifyঅভ্যন্তরীণভাবে ব্যবহার করে তবে এটি আপনি যে স্টাইলটি ব্যবহার করতে চান তা পরিবর্তন করার ক্ষমতাটির অভাব বোধ করে। এক্সটেনশান "সুন্দরী" আপনাকে সেটিংস যোগ করতে দেয়।
মেনু ফাইল → পছন্দসমূহ → সেটিংস
"editor.formatOnType": true
আপনি যখন সেমিকোলনে প্রবেশ করবেন, এটি ফর্ম্যাট হবে।
বিকল্পভাবে, আপনি ব্যবহার করতে পারেন "editor.formatOnSave": true।
shift+alt+fনির্দিষ্ট পরিস্থিতিতে তুলনায় আলাদা হতে পারে । কেন জানি না!
Shift+ Alt+F কাজ শুধু 1.17.2 এবং উপরোক্ত জরিমানা করে।
কিছু কারণে Alt+ + Shift+ + Fনা ম্যাক ভিসুয়াল স্টুডিও কোড 1.3.1 উপর আমার জন্য কাজ করেছি, আর আসলে কমান্ড "ফরম্যাটে নথি" সব এ কাজ করে না। কমান্ড ফরম্যাটার খুব ভাল কাজ করেছে।
আপনি ব্যবহার তাই করতে পারেন Command+ + Shift+ + Pএবং টাইপ ফরম্যাটার বা মেনু আপনার নিজের শর্টকাট করতে ফাইল → পছন্দসমূহ → কীবোর্ড শর্টকাট → Command+ + K Command+ + Sতারপর টাইপ করুন ফরম্যাটার এবং আপনার শর্টকাট যোগ করুন।
একটি উদাহরণ দেখুন:
ভিজ্যুয়াল স্টুডিওতে ফর্ম্যাট কোড
আমি উইন্ডোজ 8 এ ফরম্যাট করার চেষ্টা করেছি।
কেবল নীচের স্ক্রিনশটগুলি অনুসরণ করুন।
আমি # ম্যাক ওএস এক্স, ডিএনভিএম এবং ডিএনএক্স-এর জন্য মনো ইনস্টল না করা পর্যন্ত সি # এ ফর্ম্যাট শর্টকাটটি আমার পক্ষে কাজ করে না ।
আমি মনো ইনস্টল করার আগে, স্বয়ংক্রিয়-বিন্যাস শর্টকাট ( Shift+ Alt+ F) কেবলমাত্র .jsonফাইলগুলির জন্য কাজ করে।
Mac এ, Shift+ + Alt+ + Fআমার জন্য কাজ করে।
আপনি মেনুতে সর্বদা কী বাইন্ডিংগুলি পরীক্ষা করতে পারেন:
মেনু ফাইল → পছন্দসমূহ → কীওয়ার্ড শর্টকাটগুলি এবং কীওয়ার্ড 'ফর্ম্যাট' দ্বারা ফিল্টার।
ভিজ্যুয়াল স্টুডিও কোডের জন্য ডিফল্ট আচরণের পরিবর্তনের জন্য একটি এক্সটেনশন প্রয়োজন, আপনি ওয়ার্কস্পেস বা ব্যবহারকারীর স্তরে ডিফল্ট আচরণকে ওভাররাইড করতে পারেন। এটি বেশিরভাগ সমর্থিত ভাষার জন্য কাজ করে (আমি এইচটিএমএল, জাভাস্ক্রিপ্ট এবং সি # এর গ্যারান্টি দিতে পারি)।
উপকারিতা
ফলাফল
.vscode/settings.json প্রকল্পের মূল ফোল্ডারে তৈরি করা হয়কিভাবে?
এতে যান: মেনু ফাইল → পছন্দসমূহ → ওয়ার্কস্পেস সেটিংস
"editor.formatOnType": trueসেটিংস.জসনে যুক্ত করুন এবং সংরক্ষণ করুন (যা আপনি .vscode / settings.json ফাইল তৈরি করে যে প্রকল্পে কাজ করেন তার জন্য ডিফল্ট আচরণকে ওভাররাইড করে)।
উপকারিতা
ফলাফল
settings.jsonসংশোধন করা হয়েছে (নীচে অপারেটিং সিস্টেম দ্বারা অবস্থান দেখুন)কিভাবে?
এতে যান: মেনু ফাইল → পছন্দসমূহ → ব্যবহারকারী সেটিংস
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 ফোল্ডারের নীচে অবস্থিত।ডিফল্ট এই কীটি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট নথিগুলিতে আমার পক্ষে কাজ করছে না।
অনুসন্ধানের পরে, আমি 133,796 টি ইনস্টল সহ জনপ্রিয় প্লাগইন জেএস-সিএসএস-এইচটিএমএল ফর্ম্যাটরটি পেয়েছি ।
ইনস্টল করার পরে মাত্র উইন্ডোজ এবং হিট পুনরায় লোড Ctrl+ + Shift+ + F, এবং এটা কাজ!
.prettierrcএবং প্লাগইনে ডেভ-নির্ভরতা হিসাবে প্রিট্টিয়ার ব্যবহার করি । আমি আশঙ্কা করছি যে একদিনের সুন্দর বনাম কোডে মিশে যাবে :)
পাঠ্যটি নির্বাচন করুন, নির্বাচনের ডানদিকে ক্লিক করুন এবং "কমান্ড প্যালেট" বিকল্পটি নির্বাচন করুন:
একটি নতুন উইন্ডো খোলে। "ফর্ম্যাট" অনুসন্ধান করুন এবং প্রয়োজনীয়তা অনুসারে ফর্ম্যাটিং করার বিকল্পটি নির্বাচন করুন।
মাইক্রোসফ্ট দ্বারা ভিজ্যুয়াল স্টুডিও কি ম্যাপটি ইনস্টল করুন । সমস্যা সমাধান. : P
ম্যাকে, ⌘+ Kএবং তারপরে ⌘+ ব্যবহার করুন F।
যাঁরা জাভাস্ক্রিপ্ট ফাইলগুলি ফর্ম্যাট করতে চান তা কাস্টমাইজ করতে চান, আপনি সম্পত্তির যেকোন এক্সটেনশনটি ব্যবহার করতে পারেন JSfiles। এটিই এইচটিএমএল এর ক্ষেত্রে প্রযোজ্য।
{
"beautify.onSave": true,
"beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],
"beautify.HTMLfiles": ["htm", "html"]
}
এটি টাইপস্ক্রিপ্টের জন্য সংরক্ষণের ক্ষেত্রে সৌন্দর্যকে সক্ষম করবে এবং আপনি এক্সএমএলে এইচটিএমএল বিকল্পে যুক্ত করতে পারেন add
আপনাকে প্রথমে উপযুক্ত প্লাগ-ইন ইনস্টল করতে হবে (যেমন, এক্সএমএল, সি # ইত্যাদি) etc.
আপনি প্রাসঙ্গিক প্লাগইন ইনস্টল না করা এবং উপযুক্ত এক্সটেনশন সহ ফাইলটি সংরক্ষণ না করা অবধি ফর্ম্যাটিং উপলব্ধ হবে না।
এইটা না. এটা ব্যবহার কর:
মেনু ফাইল → পছন্দসমূহ → ওয়ার্কস্পেস সেটিংস , "Editor.formatOnType" : সত্য
এক্সটেনশন ব্যবহার করুন ...
আপনি যখন কোনও ফাইল সংরক্ষণ করেন তখন কোডটির স্বয়ংক্রিয় বিন্যাস সক্ষম করে।
ভিজ্যুয়াল স্টুডিও কোড এবং দ্রুত ওপেন ( Ctrl+ P) চালু করুন, নিম্নলিখিত কমান্ডটি পেস্ট করুন এবং টিপুন Enter।
ext ইনস্টল করুন বিন্যাস-অন-সেভ
https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save