আমি ট্যাব থেকে স্পেস রূপান্তর ফ্যাক্টরটি কীভাবে কাস্টমাইজ করতে পারি?

Question

ভিজুয়াল স্টুডিও কোডটি ব্যবহার করার সময় আমি কীভাবে ট্যাব থেকে স্পেস রূপান্তর ফ্যাক্টরটি কাস্টমাইজ করব?

উদাহরণস্বরূপ, এই মুহূর্তে এইচটিএমএলে এটি প্রতি প্রেসের জন্য দুটি স্পেস উত্পাদন করতে দেখা গেছে TAB, তবে টাইপসক্রিপ্টে এটি 4 টি উত্পাদন করে।

Answer 1

ডিফল্টরূপে, ভিজ্যুয়াল স্টুডিও কোডটি আপনার খোলার ফাইলের উপর নির্ভর করে আপনার ইন্ডেন্টেশন বিকল্পগুলি অনুমান করার চেষ্টা করবে।

এর মাধ্যমে অনুমান করে আপনি ইন্ডেন্টেশন বন্ধ করতে পারেন "editor.detectIndentation": false।

আপনি এই তিনটি জন্য সেটিংস মাধ্যমে সহজে কাস্টমাইজ করতে পারেন উইন্ডোজ মেনুতে ফাইল → পছন্দসমূহ → ব্যবহারকারী সেটিংস এবং জন্য ম্যাক মেনুতে কোড → পছন্দসমূহ → সেটিংস বা ⌘,:

// The number of spaces a tab is equal to. This setting is overridden
// based on the file contents when `editor.detectIndentation` is true.
"editor.tabSize": 4,

// Insert spaces when pressing Tab. This setting is overriden
// based on the file contents when `editor.detectIndentation` is true.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces`
// will be detected based on the file contents. Set to false to keep
// the values you've explicitly set, above.
"editor.detectIndentation": false

Comments

আরে গুস, আপনি কি আমাকে এমন কোনও ফাইলে দেখাতে রাজি হবেন যেখানে অনুমান করাটা ভুল? এছাড়াও দয়া করে কীভাবে আপনি এই দুটি সেটিংস (ট্যাবসাইজ এবং ইনসার্টস্পেস) কনফিগার করেছেন এবং কী কী প্রত্যাশা করবেন তা ভাগ করুন। ধন্যবাদ! :)

— অ্যালেক্স দিমা

আমি উভয় সেটিংসকে "অটো" তে কনফিগার করেছি এবং আচরণটি আমার প্রত্যাশার মতো নয় (যদিও আমি এটিকে "ভুল" বলতে পারি না)। আমার কনভেনশনকে সমর্থন করার জন্য কোন ফাইলটি পরিবর্তন করা উচিত তা আমি জানি না, তবে আমি তার জন্য একটি ইউজারভয়েসের টিকিট খুলেছি , প্রশ্নের

— গুস

নতুন, ফাঁকা ফাইলগুলির জন্য ডিফল্ট সেট করার বিকল্প নেই? সেই দৃশ্যে অনুমান করার মতো খুব বেশি কিছু নেই এবং আমি মনে করি ভিএসকোড স্পেস ব্যবহার করে ডিফল্ট হবে (যা আমি পছন্দ করি না) ...

— স্টিজন ডি উইট

Fww, একটি কর্মক্ষেত্র সেটিংস বিকল্প আছে যাতে আপনি প্রকল্পের দ্বারা একটি পৃথক আচরণ সেট করতে পারেন যা ব্যবহারকারীর সেটিংসকে ওভাররাইড করে। 2 ¢

— রাফিন

ধন্যবাদ রাফিন tabSizeপ্রতি ভাষা পরিবর্তনের জন্য কি কোনও উপায় আছে ? যেমন একই ওয়ার্কস্পেসে বিভিন্ন ভাষার সাথে একাধিক ফাইল সম্পাদনা করার সময় (উদাহরণস্বরূপ রুবি, জাভাস্ক্রিপ্ট, সিএসএস, ইত্যাদি) - রুবি 2ফাঁকা থাকবে, তবে সিএসএস 4সাধারণত ...

— জ্যাকব বার্নার্ড

Answer 2

আমি সংস্করণ 1.21 চালাচ্ছি তবে আমার ধারণা এটি পূর্ববর্তী সংস্করণগুলিতেও প্রযোজ্য।

স্ক্রিনের নীচে ডানদিকে তাকান। আপনার এমন কিছু দেখা উচিত যা বলে Spacesবা Tab-Size।

খনি ফাঁকা স্থান দেখায়, এবং

1. স্পেসে ক্লিক করুন (বা ট্যাব-আকার )
2. স্পেস ব্যবহার করে ইন্ডেন্ট বা ট্যাব ব্যবহার করে ইনডেন্ট চয়ন করুন
3. আপনার পছন্দ মতো স্পেস বা ট্যাবগুলি নির্বাচন করুন।

এটি কেবল ডকুমেন্ট অনুযায়ী কাজ করে, প্রজেক্ট-বিস্তৃত নয়। আপনি যদি প্রজেক্ট-ব্যাপী এটি প্রয়োগ করতে চান তবে "editor.detectIndentation": falseআপনাকে আপনার ব্যবহারকারী সেটিংসেও যুক্ত করতে হবে।

Comments

# 3 কিভাবে হয়? # 2 বেছে নেওয়ার পরে, কেবল "জায়গাগুলির পরিমাণ নির্বাচন করুন ... আপনার পছন্দ" করার উপায় নেই doesn't ধন্যবাদ।

— ক্রিস

সমস্ত সময় আমি ভেবেছিলাম: "এটি কোনওভাবেই সম্ভব হতে হবে ..." এটি কীভাবে তা ব্যাখ্যা করে।

— vlz

Answer 3

ঠিক আছে, আপনি যদি বিকাশকারীদের মতো পছন্দ করেন তবে ভিজ্যুয়াল স্টুডিও কোড আপনাকে এর জন্য বিভিন্ন ফাইলের প্রকার নির্দিষ্ট করতে দেয় tabSize। এখানে settings.jsonডিফল্ট চারটি স্পেস এবং জাভাস্ক্রিপ্ট / জেএসএন দুটি স্পেস সহ আমার উদাহরণ রয়েছে:

{
  // I want my default to be 4, but JavaScript/JSON to be 2
  "editor.tabSize": 4,
  "[javascript]": {
    "editor.tabSize": 2
  },
  "[json]": {
    "editor.tabSize": 2
  },

  // This one forces the tab to be **space**
  "editor.insertSpaces": true
}

পিএস: আচ্ছা, যদি আপনি এই ফাইলটি কীভাবে খুলতে না জানেন (বিশেষত ভিজ্যুয়াল স্টুডিও কোডের নতুন সংস্করণে) তবে আপনি এটি করতে পারেন:

1. বাম-নীচের গিয়ার →
2. সেটিংস - ডানদিকের ওপেন সেটিংস

 

Answer 4

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

{
    "editor.tabSize": 2,

    "editor.detectIndentation": false
}

Answer 5

আমরা ভিএস কোড এক্সটেনশনের জন্য এডিটর কনফিগ এবং এর সম্পাদককনফিগের সাথে ফাইল টাইপ করে ট্যাব আকার নিয়ন্ত্রণ করতে পারি । আমরা তখন করতে পারেন + + + + প্রতিটি ফাইল টাইপ নির্দিষ্ট।AltShiftF

স্থাপন

ext install EditorConfig

উদাহরণ কনফিগারেশন

.editorconfig

[*]
indent_style = space

[*.{js,ts,json}]
indent_size = 2

[*.java]
indent_size = 4

[*.go]
indent_style = tab

settings.json

EditorConfig সেটিংসের জন্য যাই হোক না কেন সেটি ওভাররাইড করে j পরিবর্তনের দরকার নেই editor.detectIndentation।

Comments

এটি extআপনি কী সম্পর্কে কথা বলছেন (দয়া করে এখানে মন্তব্যে নয় (যথাযথ)) আপনার উত্তর সম্পাদনা করে প্রতিক্রিয়া জানান) কিছু নোড.জেএস কি জিনিস? কি প্ল্যাটফর্ম?

— পিটার মর্টেনসেন

Answer 6

আপনি যদি ভিজ্যুয়াল স্টুডিও কোডে প্র্টটিয়ার এক্সটেনশন ব্যবহার করেন তবে সেটিংস.জসন ফাইলে এটি যুক্ত করার চেষ্টা করুন:

"editor.insertSpaces": false,
"editor.tabSize": 4,
"editor.detectIndentation": false,

"prettier.tabWidth": 4,
"prettier.useTabs": true  // This made it finally work for me

Answer 7

ইন ভিসুয়াল স্টুডিও কোড সংস্করণ 1.31.1 বা পরে (আমি মনে করি): ভালো লেগেছে sed অ্যালেক্স দিমা , আপনার জন্য এই সেটিংস মাধ্যমে সহজে কাস্টমাইজ করতে পারেন

• উইন্ডো মেনু ফাইল → পছন্দসমূহ → ব্যবহারকারী সেটিংসে বা সংক্ষিপ্ত কীগুলি Ctrl+ Shift+ ব্যবহার করেP
• মেনু কোডে ম্যাক → পছন্দসমূহ → সেটিংস বা ⌘,

Answer 8

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

Answer 9

সেটা lonefy.vscode-js-css-html-formatterদোষারোপ করা। এটি অক্ষম করুন এবং ইনস্টল করুন HookyQR.beautify।

এখন সংরক্ষণ করুন আপনার ট্যাব রূপান্তরিত হবে না।

Answer 10

আপনার নীচে-ডান কোণায় আপনার স্পেস রয়েছে: স্পেসস: 2

সেখানে আপনি আপনার প্রয়োজন অনুসারে ইন্ডেন্টেশন পরিবর্তন করতে পারেন: ইনডেন্টেশন বিকল্পগুলি

Answer 11

টাইপস্ক্রিপ্ট ব্যবহার করার সময়, ডিফল্ট ট্যাব প্রস্থটি টুলবারে যা বলে তা নির্বিশেষে সর্বদা দুটি হয়। এটিকে পরিবর্তন করতে আপনাকে আপনার ব্যবহারকারীর সেটিংসে "prettier.tabWidth" সেট করতে হবে।

Ctrl+ P, টাইপ করুন settings ব্যবহারকারীর সেটিংস, যোগ করুন:

"prettier.tabWidth": 4

Answer 12

যদি এই পোস্টে গৃহীত উত্তরটি কাজ না করে, তবে একবার চেষ্টা করে দেখুন:

আমার এডিটরটিতে ভিজ্যুয়াল স্টুডিও কোডের জন্য আমার এডিটর কনফিগ ছিল এবং এটি আমার ব্যবহারকারীর সেটিংসকে ওভাররাইড করে রাখে যা স্পেস ব্যবহার করে ফাইলগুলি ইনডেন্টে সেট করা ছিল। প্রতিবার আমি সম্পাদক ট্যাবগুলির মধ্যে স্যুইচ করেছি, আমার ফাইলটি স্বয়ংক্রিয়ভাবে ট্যাবগুলির সাথে ইন্টেন্টেড হয়ে উঠবে এমনকি আমি ইনডেন্টেশনটি স্পেসে রূপান্তরিত করেছি !!!

আমি এই এক্সটেনশনটি আনইনস্টল করার ঠিক পরে, সম্পাদক ট্যাবগুলিতে স্যুইচিংয়ের মধ্যে ইন্ডেন্টেশন আর পরিবর্তন হয় না এবং আমি প্রতিবার ফাইলগুলিতে স্যুইচ করে ট্যাবগুলিকে ম্যানুয়ালি রূপান্তরিত করার চেয়ে আরও স্বাচ্ছন্দ্যে কাজ করতে পারি - এটি বেদনাদায়ক।

Answer 13

আমাদের প্রিয় সম্প্রদায়ের সদস্যদের দ্বারা ইতিমধ্যে প্রচুর ভাল উত্তর সরবরাহ করা হয়েছে। আমি আসলে সি # কোড ট্যাব সাইজ যুক্ত করতে চেয়েছিলাম এবং এই থ্রেডটি পেয়েছি। আমি অনেকগুলি সমাধান পেয়েছি এবং অফিসিয়াল ভিএস কোড ডক্স দুর্দান্ত। আমি কেবল আমার সি # সেটিংটি ভাগ করতে চাই:

"[csharp]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 4
},

কেবল আপনার settings.jsonফাইলটিতে উপরের কোডটি অনুলিপি করুন এবং আটকে দিন এবং সংরক্ষণ করুন। ধন্যবাদ

Comments

হ্যাঁ, আপনি যদি কোনও নির্দিষ্ট ভাষার জন্য আলাদা ফর্ম্যাট সেট করতে চান তবে এটি যাবার উপায়। আমি ট্যাবউইথ = 2 সহ ট্যাবগুলি ব্যবহার করতে পছন্দ করি তবে অটোপেপ 8 কেবল এটি ঘৃণা করে।

— অভিষেক কাসিরদী

Answer 14

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

ব্যবহারকারীর সেটিংসে যুক্ত করুন:

"editor.tabSize": 2,
"editor.detectIndentation": false

তারপরে আপনার ডকুমেন্টটি ডান ক্লিক করুন যদি আপনি ইতিমধ্যে একটি খোলা আছে এবং আপনার বিদ্যমান নথিটি এই নতুন সেটিংস অনুসরণ করতে ফর্ম্যাট ডকুমেন্টটি ক্লিক করুন।

Answer 15

২০১৫ সাল থেকে @ অ্যালেক্স-ডিমার সমাধানটি সমস্ত ফাইলের জন্য ট্যাব আকার এবং শূন্যস্থান পরিবর্তন করবে এবং ২০১ T সাল থেকে @ ট্রিকির সমাধানটি কেবলমাত্র বর্তমান ফাইলের সেটিংস পরিবর্তন করতে দেখা যাচ্ছে।

2017 পর্যন্ত, আমি আরও একটি সমাধান পেয়েছি যা প্রতি ভাষার ভিত্তিতে কাজ করে। ভিজুয়াল স্টুডিও কোড এলিক্সিরের জন্য সঠিক ট্যাব আকার বা স্পেস সেটিংস ব্যবহার করছে না , তাই আমি খুঁজে পেয়েছি যে আমি সমস্ত এলিক্সির ফাইলের সেটিংস পরিবর্তন করতে পারি।

আমি স্ট্যাটাস বারে ভাষাটিতে ক্লিক করেছি (আমার ক্ষেত্রে "এলিক্সির"), "এলিক্সির 'ভাষা ভিত্তিক সেটিংস কনফিগার করুন ..." এবং এলিক্সির-নির্দিষ্ট ভাষার সেটিংস সম্পাদনা করেছি। আমি কেবল বামদিকের ডিফল্ট সেটিংস থেকে "Editor.tabSize" এবং "Editor.insertSpaces" সেটিংসটি অনুলিপি করেছি (সেগুলি দেখায় আমি খুব খুশী) এবং তারপরে ডানদিকে এগুলি সংশোধন করেছি।

এটি দুর্দান্ত কাজ করেছে এবং এখন সমস্ত এলিক্সির ভাষার ফাইলগুলি সঠিক ট্যাব আকার এবং স্থান সেটিংস ব্যবহার করে।

Answer 16

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

কিছুই কাজ না হওয়া পর্যন্ত আমি বন্ধ এবং আমার আইডিই openen, কিন্তু শেষ তিনটি জিনিস আমি অক্ষম ছিল lonefy.vscode-js-css-html-formatter, "html.format.enable": true,এবং ভিসুয়াল স্টুডিও পুনরায় আরম্ভ করুন।

{
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "workbench.colorTheme": "Default Light+",
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features",
        "editor.tabSize": 2,
        "editor.detectIndentation": false,
        "editor.insertSpaces": true
    },
    "typescript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": true,
    "editor.tabSize": 2,
    "typescript.format.insertSpaceAfterConstructor": true,
    "files.autoSave": "afterDelay",
    "html.format.indentHandlebars": true,
    "html.format.indentInnerHtml": true,
    "html.format.enable": true,
    "editor.detectIndentation": false,
    "editor.insertSpaces": true,
}

Answer 17

এটি যদি কৌণিক 2 এর জন্য হয় এবং সিএলআই ফাইলগুলি উত্পন্ন করছে যা আপনি আলাদাভাবে ফর্ম্যাট করতে চান তবে যা তৈরি হয় তা পরিবর্তন করতে আপনি এই ফাইলগুলি সম্পাদনা করতে পারেন:

npm_modules/@angular/cli/blueprints/component/files/__path__/*

এনপিএম আপডেট হিসাবে ব্যাপকভাবে প্রস্তাবিত নয় আপনার কাজ মুছে ফেলবে তবে এটি আমার অনেক সময় সাশ্রয় করেছে।

Answer 18

আমি সম্পাদককে .tabSize4 এ পরিবর্তন করার চেষ্টা করেছি , তবে .editorConfigআমি যা নির্দিষ্ট সেটিংস নির্দিষ্ট করেছিলাম সেগুলি ওভাররাইড করে, তাই ব্যবহারকারীর সেটিংসে কোনও কনফিগারেশন পরিবর্তন করার দরকার নেই। আপনাকে কেবল .editorConfig ফাইলটি সম্পাদনা করতে হবে:

set indent_size = 4

Answer 19

ব্যবহারকারী 3550138 সঠিক is lonefy.vscode-js-css-html-formatterঅন্যান্য উত্তরে উল্লিখিত সমস্ত সেটিংস ওভাররাইড করে। তবে এটি কনফিগার করা যায় বলে আপনাকে এটি অক্ষম বা আনইনস্টল করতে হবে না।

এক্সটেনশানগুলি সাইডবারটি খোলার মাধ্যমে এবং এই এক্সটেনশনে ক্লিক করে সম্পূর্ণ নির্দেশাবলী পাওয়া যাবে এবং এটি সম্পাদক কর্মক্ষেত্রে কনফিগারেশন নির্দেশাবলী প্রদর্শন করবে। কমপক্ষে এটি আমার জন্য ভিজ্যুয়াল স্টুডিও কোড সংস্করণ 1.14.1 এ করে।