ভিজ্যুয়াল স্টুডিও কোডে ইনডেন্টেশন কীভাবে পরিবর্তন করবেন?


344

প্রতিটি টাইপ স্ক্রিপ্ট ফাইলের জন্য ভিজ্যুয়াল স্টুডিও কোডটিতে 8 স্পেসের একটি স্বয়ংক্রিয় ইন্ডেন্টেশন ব্যবহার করা হয়। এটি আমার স্বাদের জন্য কিছুটা বেশি তবে এটি কোথায় পরিবর্তন করতে হবে তা খুঁজে পাচ্ছি না।

হতে পারে এটি সেটিংস হিসাবে পাওয়া যায় তবে ভিন্ন নামের অধীনে আমি ইনডেন্টেশনের সাথে সম্পর্কিত কোনও কিছুই পাই না।

হালনাগাদ

আমি বর্তমানে প্রিটটিয়ার কোড ফর্ম্যাটরটি ব্যবহার করছি এবং এটি সংরক্ষণে অটো ফর্ম্যাট করে সমস্ত ফর্ম্যাটিং সমস্যা সমাধান করে (যদি কোনও সিনট্যাক্স ত্রুটি না থাকে)

উত্তর:


110

আপনি এটি বৈশ্বিক Userস্তর বা Workspaceস্তরে পরিবর্তন করতে পারেন ।

সেটিংস খুলুন: শর্টকাট ব্যবহার করলে তা ctrl + ,বা ক্লিক File> Preferences> Settingsনিচে দেখানো হয়েছে।

ভিএস কোড মেনুতে সেটিংস

তারপরে, নিম্নলিখিত 2 টি পরিবর্তন করুন: ( tabSizeঅনুসন্ধান বারে টাইপ করুন )

  1. এর চেকবাক্সটি আনচেক করুন Detect Indentation
  2. ট্যাব আকার 2/4 হতে পরিবর্তন করুন (যদিও আমি দৃ strongly়ভাবে মনে করি 2 জেএস এর জন্য সঠিক) :)

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


1
দয়া করে, ইন্ডেন্টেশনের জন্য 4 টি স্পেস ব্যবহার করুন।
বোহদান কুটস 14

3
@ বোহদানকুটস হা, এটি অন্তহীন যুক্তি হবে
জিন

হ্যাঁ :) আমি এটির জন্য কিছু অনুসন্ধান করেছি এবং কেন এটি 2 স্পেসে পরিণত হয়েছে তা খুঁজে পেয়েছি। এবং আমার কাছে কারণটি পুরানো বলে মনে হচ্ছে তাই আমি অবশ্যই 4 টি স্পেস ব্যবহারের পরামর্শ দেব।
বোহদান কুটস

এটি বিষয়গত এবং এর কোনও আসল সুবিধা নেই, আমি কিছু ফাইল ধরণের জন্য জেএস, এইচটিএমএল এবং সিএসএসের জন্য 2 টি স্পেস রাখি এবং কোডের জন্য 3 স্পেস রাখি, কেবল পঠনযোগ্যতার জন্য। 4 টি স্পেস সহ এইচটিএমএল এবং এক্সএমএলে আপনাকে খুব শীঘ্রই ডানদিকে স্ক্রোল করতে হবে।
পাবলো পাজোস

574

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

আপনি যদি কোনও পৃথক ফাইলের ভিত্তিতে না হয়ে সমস্ত ফাইলগুলিতে এটি প্রয়োগ করতে চান তবে আপনার প্রয়োজনীয়তার উপর নির্ভর করে ব্যবহারকারী সেটিংস বা ওয়ার্কস্পেস সেটিংস উভয়ই Editor: Tab SizeEditor: Insert Spacesসেটিংস ওভাররাইড করুন

সম্পাদনা 1

আপনার ব্যবহারকারী বা ওয়ার্কস্পেস সেটিংসে যেতে পছন্দসমূহ -> সেটিংসে যান । আপনার প্রয়োজনীয়তার উপর নির্ভর করে আপনি ব্যবহারকারী বা কর্মক্ষেত্র ট্যাবে আছেন কিনা তা যাচাই করুন এবং সেটিংসটি সনাক্ত করতে অনুসন্ধান বারটি ব্যবহার করুন। আপনি অক্ষম করতেও চাইবেন Editor: Detect Indentationকারণ এই সেটিংসটি আপনার জন্য কী সেট করা হয়েছে Editor: Insert Spacesএবং Editor: Tab Sizeএটি সক্ষম হওয়ার পরে ওভাররাইড হবে


ছবির লিঙ্কটি নষ্ট হয়ে গেছে।

34
পরিবর্তন করা সমস্ত ফাইলের ব্যবধান পরিবর্তন editor.tabSpacesকরে না । এটি কেবল ভবিষ্যতে তৈরি ফাইলগুলির জন্য এটি পরিবর্তন করে। একটি ক্রিয়ায় সমস্ত ফাইল ঠিক করার কোনও সমাধান এখনও নেই।
জ্যাকব স্ট্যাম

3
কি দারুন. মন ফুঁকছে কখনও কখনও জিনিসগুলি কেবল সরল দৃষ্টিতে লুকিয়ে থাকে
পিংগো

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

1
আমি যখনই নতুন ফাইল তৈরি করি তখনই এটি সর্বদা 4 স্পেসের ডিফল্টটিতে ফিরে ফিরে আসে বলে মনে হয়!?!
oldboy

142

প্রোগ্রামিং ভাষার উপর ভিত্তি করে ইন্ডেন্টেশন পরিবর্তন করতে :

  1. কমান্ড প্যালেটটি খুলুন ( CtrlShiftP| ম্যাকোস P:)
  2. পছন্দসমূহ: ভাষা নির্দিষ্ট সেটিংস কনফিগার করুন ... (কমান্ড আইডি workbench.action.configureLanguageBasedSettings:)
  3. প্রোগ্রামিং ভাষা নির্বাচন করুন (উদাহরণস্বরূপ টাইপস্ক্রিপ্ট)
  4. এই কোড যুক্ত করুন:

    "[typescript]": {
        "editor.tabSize": 2
    }
    

আরও দেখুন: ভিএস কোড ডক্স


কীভাবে কমান্ড আইডি ব্যবহার করবেন? আমি ফাইল-পছন্দসমূহের অধীনে "ভাষা নির্দিষ্ট সেটিংস কনফিগার করুন" দেখছি না।
অ্যালান বালজেউ

@ অ্যালানবালজিউ আপনি কীবোর্ড শর্টকাট, এক্সটেনশন ইত্যাদির জন্য কমান্ড আইডি ব্যবহার করতে পারেন সুতরাং আপনি ফাইল > পছন্দসমূহ > কীবোর্ড শর্টকাটগুলিতে যেতে পারেন, আইডিটি ইনপুটটিতে আটকান এবং উদাহরণ হিসাবে Ctrl + K Ctrl + L কমান্ডে নির্ধারণ করতে পারেন।
মার্টিন স্নাইডার

55

editor.detectIndentationএলিয়ট-জ এর উত্তর ছাড়াও, আপনি এটিও মিথ্যাতে সেট করতে চাইতে পারেন ।

ভিএসকোড আপনার ফাইল editor.tabSizeএবং editor.insertSpacesসেটিংস প্রতি ফাইলটি ওভাররাইট করবে যদি এটি সনাক্ত করে যে কোনও ফাইলের আলাদা ট্যাব রয়েছে বা ফাঁকা স্থান इंडেন্টেশন প্যাটার্ন রয়েছে। আপনি যদি আপনার প্রকল্পে বিদ্যমান ফাইলগুলি যুক্ত করেন বা অ্যাংুলার ক্লাইকের মতো কোড জেনারেটর ব্যবহার করে ফাইলগুলি যুক্ত করেন তবে আপনি এই সমস্যাটিতে দৌড়াতে পারেন। উপরের সেটিংসটি ভিএসকোডকে এটি করতে বাধা দেয়।


44

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

উইন্ডোজে ভিএসকোড - Shift + Alt + F

MacOS এ ভিএসকোড - শিফট + বিকল্প + এফ

উবুন্টুতে ভিএসকোড - Ctrl + Shift + I

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

কীবোর্ড সহ কলাম নির্বাচন Ctrl + Shift + Alt + Arrow


1
Shift + Alt + Fআমার ফাইলের সমস্ত সূচকগুলি 8 স্পেস থেকে আমার ডিফল্ট 4 স্পেসে পরিবর্তন করেছে। শুধু কি আমি :) খুঁজছেন ছিল
Harry12345

24

আমার ক্ষেত্রে " ভিএস কোডের জন্য সম্পাদককনফিগ " এক্সটেনশন ভিএসকোড সেটিংসকে ওভাররাইড করছে। আপনি যদি এটি ইনস্টল করে থাকেন তবে প্রকল্পের মূল ফোল্ডারে .editorconfig ফাইলটি পরীক্ষা করে দেখুন।

এখানে একটি উদাহরণ কনফিগার করা আছে। "ইনডেন্ট_সাইজ" একটি ট্যাবের জন্য স্পেসের সংখ্যা নির্ধারণ করে।

# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

7

"ভিএস কোডে ইনডেন্টেশন পরিবর্তন করুন" গুগল করা তাদের জন্য চিত্রগুলির সাথে সরল ব্যাখ্যা

পদক্ষেপ 1: পছন্দ> সেটিংস এ ক্লিক করুন

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

পদক্ষেপ 2: আপনি যে সেটিংটির জন্য সন্ধান করছেন সেটি হ'ল "সনাক্ত করুন সনাক্তকরণ", এটি টাইপ করা শুরু করুন। "সম্পাদক: ট্যাব আকার" এ ক্লিক করুন

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

পদক্ষেপ 3: "সম্পাদক: ট্যাব আকার" এ স্ক্রোল করুন এবং 2 টাইপ করুন (বা আপনার যা প্রয়োজন)।

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



পরিবর্তনগুলি স্বয়ংক্রিয়ভাবে সংরক্ষিত হয়

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

আমার পরিবর্তনগুলির উদাহরণ

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


6

সমস্ত বিদ্যমান ফাইল এবং নতুন ফাইলগুলিকে স্থান সনাক্তকরণের জন্য 2 এ সেট করতে কেবল এটি আপনার সেটিংস.জেএসনে রাখুন (জসনের মূলের মধ্যে):

"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 }

আপনি কনফিগারেশনের ভাষার ধরণ যুক্ত করতে পারেন:

"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
} 

আজকাল আমি প্রেটিয়ার.জেএস এবং জেএস প্লাগইন ব্যবহার করি কারণ এটি স্পেসিং এবং অন্যান্য পুনরায় দীর্ঘ লাইনে সারিবদ্ধ করার পাশাপাশি বেশিরভাগ কিছুর বিষয়ে যত্ন নেয়।
এইচএমআর

1
ধন্যবাদ, দুর্দান্ত উত্তর, আমার পক্ষে সেরা উপায়।
সীতবজ্জা হাজরা

5

ভিএস কোডের সমস্ত ফাইলে 4 স্পেস ইনডেন্ট কীভাবে 2 স্পেসে পরিণত করবেন

  • ফাইল অনুসন্ধান খুলুন
  • নিয়মিত এক্সপ্রেশন চালু করুন
  • প্রবেশ করুন: ( {2})(?: {2})(\b|(?!=[,'";\.:\*\\\/\{\}\[\]\(\)]))অনুসন্ধান ক্ষেত্রে in
  • প্রবেশ করুন: $1প্রতিস্থাপন ক্ষেত্রে

ভিএস কোডের সমস্ত ফাইলে 2 স্পেস ইনডেন্ট কীভাবে 4 স্পেসে পরিণত করবেন

  • ফাইল অনুসন্ধান খুলুন
  • নিয়মিত এক্সপ্রেশন চালু করুন
  • প্রবেশ করুন: ( {2})(\b|(?!=[,'";\.:\\*\\\/{\}\[\]\(\)]))অনুসন্ধান ক্ষেত্রে in
  • প্রবেশ করুন: $1$1প্রতিস্থাপন ক্ষেত্রে

দ্রষ্টব্য: আপনাকে অবশ্যই প্রথমে পিইআরএল রেজেক্স চালু করতে হবে। এই হল কিভাবে:

  • সেটিংস খুলুন এবং JSON ফাইলে যান
  • JSON ফাইলে নিম্নলিখিতটি যুক্ত করুন "search.usePCRE2": true

আশা করি কেউ এ দেখেছেন।


1
বিশেষত ভিএস কোডের জন্য, 4 থেকে 2 স্পেস রূপান্তর করার জন্য একটি এক্সটেনশনও রয়েছে।
টানিয়াস

4

সমস্যা: গৃহীত উত্তরগুলি বর্তমান নথিতে প্রকৃতপক্ষে ইন্ডেন্টেশনটি ঠিক করে না।

সমাধান: Format Documentবর্তমান (নতুন) সেটিংস অনুযায়ী দস্তাবেজটি পুনরায় প্রক্রিয়া করতে চালান ।

সমস্যা: আমার প্রকল্পগুলির এইচটিএমএল ডক্সগুলি "জ্যাঙ্গো এইচটিএমএল" "এইচটিএমএল" নয় এবং কোনও ফর্ম্যাটর উপলভ্য নয়।

সমাধান: এগুলি এইচটিএমএল সিন্ট্যাক্সে স্যুইচ করুন, সেগুলি ফর্ম্যাট করুন, তারপরে "জাজানো এইচটিএমএল" এ ফিরে যান।

সমস্যা: এইচটিএমএল ফর্ম্যাটরটি জ্যাঙ্গো টেম্পলেট ট্যাগগুলি কীভাবে পরিচালনা করতে পারে তা জানে না এবং আমার সাবধানতার সাথে প্রয়োগ করা বাসা বাঁধার বেশিরভাগ ক্ষেত্রে পূর্বাবস্থায় ফিরে আসে।

সমাধান: ইনডেন্ট 4-2 এক্সটেনশনটি ইনস্টল করুন , যা বর্তমান ভাষার বাক্য বিন্যাস (যা আমি এই ক্ষেত্রে চাই তা বিবেচনা না করে) কঠোরভাবে ইনডেন্টেশন সম্পাদন করে।


2

আমি আমার বিদ্যমান এইচটিএমএল ফাইলের ইন্ডেন্টেশনটি 4 স্পেস থেকে 2 স্পেসে পরিবর্তন করতে চেয়েছিলাম ।

আমি স্ট্যাটাস বারে 'স্পেসস: 4' বোতামটি ক্লিক করেছি এবং পরের ডায়ালগ বাক্সে এগুলিকে দুটিতে পরিবর্তন করেছি।

আমি 'ভিআইএম' এক্সটেনশন ব্যবহার করি। আমি কীভাবে ভিএম ছাড়াই পুনরায় ইনডেন্ট করব না

আমার বর্তমান ফাইলটি পুনরায় প্রবেশ করতে, আমি এটি ব্যবহার করেছি:

gg

=

G

0

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

ফর্ম্যাট ডকুমেন্ট মেনু

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