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




code-formatting visual-studio-code (20)

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


  1. ফাইলটি রাইট ক্লিক করুন
  2. মেনু বাক্স থেকে ফর্ম্যাট ডকুমেন্ট ( Alt + Shift + F , বা Alt + Shift + I লিনাক্সে) নির্বাচন করুন


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

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


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

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


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

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


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

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


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

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

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

ইনস্টল বিন্যাস-অন-সেভ

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


কোনও কারণে আল্ট + শিফট + এফ আমার জন্য ম্যাক ভিজ্যুয়াল স্টুডিও কোড ১.৩.১ এ কাজ করেনি এবং আসলে "ফরম্যাট ডকুমেন্ট" কমান্ডটি মোটেই কাজ করে না। কমান্ড ফর্ম্যাটার খুব ভাল কাজ করেছে।

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

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


ডান কী সংমিশ্রণটি হ'ল Shift + Alt + F।


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

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


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

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


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

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

"editor.formatOnSave": true

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

পুরো দস্তাবেজটি ফর্ম্যাট করুন : শিফট + আল্ট + এফ

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


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

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

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


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

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

উপকারিতা

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

ফলাফল

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

কিভাবে?

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

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

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

উপকারিতা

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

ফলাফল

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

কিভাবে?

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

  2. "editor.formatOnType": false এর মান যুক্ত করুন বা পরিবর্তন করুন "editor.formatOnType": false "editor.formatOnType": true ব্যবহারকারী সেটিংসে "editor.formatOnType": true

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

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

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

আরও বিশদ here পাওয়া here


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

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

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

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

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

    Shift + Alt + F


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

"editor.formatOnType": true

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

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


ম্যাক-এ, শিফট + আল্ট + এফ আমার পক্ষে কাজ করে।

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

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


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

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

এটি টাইপস্ক্রিপ্টের জন্য সংরক্ষণের উপর সুশোভিত করতে সক্ষম করবে এবং আপনি এক্সএমএলে এইচটিএমএল বিকল্পে যুক্ত করতে পারেন।


লিনাক্সে এটি Ctrl + Shift + I।

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

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


শিফট + অল্ট + এফ কাজটি ঠিক ১.১.2.২ এবং তারপরে ঠিক করে।


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

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

MacOS এ ভিজ্যুয়াল স্টুডিও কোড - শিফট + বিকল্প + এফ

উবুন্টুতে ভিজ্যুয়াল স্টুডিও কোড - 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"
    ]
}

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