ভিজ্যুয়াল স্টুডিও কোডে সাদা স্থানের অক্ষরগুলি দেখান

Question

ভিজ্যুয়াল স্টুডিও কোডে স্পেস ক্যারেক্টারের মতো হোয়াইটস্পেস অক্ষরগুলি প্রদর্শন করা কি সম্ভব?

সেখানে এটা জন্য একটি বিকল্প হতে বলে মনে হচ্ছে না settings.json(যদিও এটা একটি বিকল্পের Atom.io ), এবং আমি হোয়াইটস্পেস অক্ষর সিএসএস ব্যবহার করে দেখাতে পারছি না হয়েছে।

Answer 1

ভিএস কোড 1.6.0 এবং বৃহত্তর

নীচে অ্যালোআইএসডিজি দ্বারা উল্লিখিত হিসাবে , editor.renderWhitespaceএখন একটি এনাম হয় হয় none, boundaryবা হয় all। সমস্ত সাদা স্থান দেখার জন্য:

"editor.renderWhitespace": "all", 

ভিএস কোডের আগে 1.6.0

1.6.0 এর আগে আপনাকে এইটি সেট editor.renderWhitespaceকরতে হয়েছিল true:

"editor.renderWhitespace": true

Comments

সাব্লাইমের "draw_white_space": "selection"বিকল্পের মতো কেবল নির্বাচিত অক্ষরগুলির জন্য কি এটি করার কোনও উপায় আছে ?

— noio

@noio এখনো, কিন্তু এটা তার পথ উপর GitHub

— Revo

তবে এটি কেবল লাইনের শুরু এবং শেষের দিকে সাদা অংশ দেখায়?

— drzaus

@ ড্রজাউস, "editor.renderWhitespace": "boundary"লাইনগুলির শুরু এবং শেষ "deitor.renderWhitespace": "all"হবে যেখানে সমস্ত সাদা স্থান দেখানো হবে। @ আলেকজান্ডারগনচি, আমি ফাইল> পছন্দসমূহ> ব্যবহারকারীর সেটিংস (বা ওয়ার্কস্পেস সেটিংস) খোলার পক্ষে এবং আমার কী প্রয়োজন তা সন্ধান করতে ডিফল্ট সেটিংস ফোল্ডারে 'সন্ধান' ব্যবহার করে দরকারী বলে মনে করেছি।

— জ্যাকচেস

ফাইল -> পছন্দসমূহ -> সেটিংস। 'সাদা স্থান' অনুসন্ধান করুন। 'সম্পাদক: রেন্ডার হোয়াইটস্পেস' এর অধীনে আপনার নতুন সেটিংস নির্বাচন করার জন্য একটি ড্রপডাউন রয়েছে। (v1.13.2)

— ক্রিস

Answer 2

এটি মূল মেনু দিয়েও করা যেতে পারে View -> Render Whitespace

Comments

ভি 1.36.xView -> Render Whitespace

— rmsys

এটি আমার জন্য স্পেসের জন্য কাজ করে না বলে মনে হচ্ছে।

— ইয়ান স্মিথ

Answer 3

আপডেট (জুন 2019)

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

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

ফাইল> পছন্দসমূহ> কীবোর্ড শর্টকাটগুলি (বা Ctrl+ K Ctrl+ ব্যবহার করুন S)

কাঙ্ক্ষিত কী-বাইন্ডিংগুলি দ্রুত খুঁজে পেতে (এবং ফিল্টার করা) সহায়তা করার জন্য একটি অনুসন্ধান ক্ষেত্রও রয়েছে। সুতরাং এখন উভয়ই নতুন যুক্ত করা এবং বিদ্যমান কী-বাইন্ডিংগুলি সম্পাদনা করা অনেক সহজ:

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

এবং আপনি নির্বাচিত কী-বাইন্ডিংটি যদি ইতিমধ্যে অন্য কিছু ক্রিয়াকলাপের জন্য ব্যবহার করা হয় তবে একটি সুবিধাজনক সতর্কতা আসবে যা আপনি ক্লিক করে পর্যালোচনা করতে পারবেন কোন পদক্ষেপগুলি ইতিমধ্যে আপনার নির্বাচিত কী-বাইন্ডিং ব্যবহার করছে:

আপনি দেখতে পাচ্ছেন, সবকিছু খুব স্বজ্ঞাত এবং সুবিধাজনক।
ভালো চাকরি, মাইক্রোসফ্ট!

---

আসল (পুরানো) উত্তর

কীবোর্ড শর্টকাট ব্যবহার করে হোয়াইটস্পেসের অক্ষরগুলি টগল করতে ইচ্ছুকদের জন্য , আপনি কীবাইন্ডিংস.জেসন ফাইলটিতে ফাইল ( ফাইল> পছন্দসমূহ> কীবোর্ড শর্টকাট ) একটি কাস্টম বাইন্ডিং যুক্ত করতে পারেন ।

উদাহরণ :

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key": "ctrl+shift+i",
        "command": "editor.action.toggleRenderWhitespace"
    }
]

এখানে আমি অদৃশ্য অক্ষরগুলি টগল করতে Ctrl+ Shift+ এর সংমিশ্রণটি অর্পণ করেছি i, আপনি অবশ্যই অন্য কোনও সংমিশ্রণ চয়ন করতে পারেন।

Comments

আমার ভিজ্যুয়াল স্টুডিও ctrl+e ctrl+sডিফল্টরূপে ব্যবহার করে। এর মতো কম্বো শর্টকাটের জন্য আপনাকে দুটি সংমিশ্রনের মধ্যে কমা নয়, একটি স্থান রাখতে হবে।

— t3chb0t

Answer 4

ভিজ্যুয়াল স্টুডিও কোডে সাদা স্থানের অক্ষরগুলি দেখান

নীচের কোডগুলি যুক্ত করে সেটিংস.জসন পরিবর্তন করুন!

// Place your settings in this file to overwrite default and user settings.
{
    "editor.renderWhitespace": "all"
}

ঠিক এই রকম!
(পিএস: কোনও "সত্য" বিকল্প নেই! এমনকি এটি কার্যকরও হয়))

Comments

"edit.renderWhitespace": "সমস্ত"

— xgqfrms

Answer 5

শুধু যে পরিবর্তন প্রকট editor.renderWhitespace : none||boundary||allআপনার VSCode আমি এই স্ক্রিনশটটি যোগ করবে:
।

কোথায় Tabহয় →এবং Spaceহয়.

Comments

পিএস কালার স্কিমা পরিবর্তনের অংশ নয় (এর জন্য আমার একটি অতিরিক্ত প্লাগইন রয়েছে)

— জ্যাক এস

প্লাগইন এখানে পাওয়া যাবে: মার্কেটপ্লেস.ভিজুয়ালস্টুডিও.

— জ্যাক এস

Answer 6

booleanএখন আর হয় না । তারা একটি পরিবর্তন enum। এখন আমরা নির্বাচন করতে পারেন: none, boundary, এবং all।

// Controls how the editor should render whitespace characters,
// posibilties are 'none', 'boundary', and 'all'.
// The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

আপনি গিটহাবের মূল ডিফ দেখতে পাবেন ।

Comments

কেবল অনুসরণীয় স্থান দেখানোর জন্য ট্রেলিং স্পেস নামে একটি এক্সটেনশন ইনস্টল করাও সম্ভব।

— স্টিফেন

Answer 7

* ফেব্রুয়ারী 2020 প্রকাশের আপডেট করুন * দেখুন https://github.com/microsoft/vscode/issues/90386

V1.43 ইন ডিফল্ট মান পরিবর্তন করা হবেselection থেকে noneযেমন v1.42 ছিল।

"editor.renderWhitespace": "selection"  // default in v1.43

---

ভি 1.37-র জন্য আপডেট করুন: কেবলমাত্র নির্বাচিত পাঠ্যের মধ্যে সাদা স্থান স্থান দেওয়ার বিকল্প যোগ করা। দেখুন v1.37 রিলিজ নোট, হোয়াইটস্পেস রেন্ডার ।

editor.renderWhitespaceসেটিং এখন একটি সমর্থন selectionবিকল্প। এই বিকল্প সেটটি দিয়ে, সাদা স্থান কেবলমাত্র নির্বাচিত পাঠ্যে প্রদর্শিত হবে:

"editor.renderWhitespace": "selection"

এবং

"workbench.colorCustomizations": {    
  "editorWhitespace.foreground": "#fbff00"
}

---

Comments

এই রঙ পরিবর্তন দুর্দান্ত, ধন্যবাদ।

— ইয়ান স্মিথ

আপনি যদি এটি কিছুটা কম উপস্থাপন করতে চান বনাম কোডটিও আলফা চ্যানেল গ্রহণ করে তাই # fbff0040 এছাড়াও বিন্দুগুলিকে আরও স্বচ্ছ করে তোলা বৈধ হবে

— রিলিজ.মেলোন

Answer 8

স্বতঃস্থানকে একইভাবে মিথ্যাতে git diffসেট diffEditor.ignoreTrimWhitespaceকরতে প্রদর্শনের জন্য পৃথক পেতে । edit.renderWhitespaceকেবলমাত্র প্রান্তিক সহায়ক।

// Controls if the diff editor shows changes in leading or trailing whitespace as diffs
"diffEditor.ignoreTrimWhitespace": false,

সেটিংস আপডেট করতে যান

ফাইল> পছন্দসমূহ> ব্যবহারকারীর সেটিংস

ম্যাক ব্যবহারকারীদের জন্য নোট: পছন্দসমূহ মেনু ফাইল নট ফাইলের অধীনে। উদাহরণস্বরূপ, কোড> পছন্দসমূহ> ব্যবহারকারীর সেটিংস।

এটি "ডিফল্ট সেটিংস" শীর্ষক একটি ফাইল খুলবে op অঞ্চলটি প্রসারিত করুন //Editor। এখন আপনি দেখতে পাচ্ছেন যে এই সমস্ত রহস্যময় editor.*সেটিংস কোথায় রয়েছে। এর জন্য অনুসন্ধান (সিটিআরএল + এফ) করুন renderWhitespace। আমার বাক্সে আমি:

// Controls how the editor should render whitespace characters, posibilties are 'none', 'boundary', and 'all'. The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

বিভ্রান্তি যোগ করতে, বাম উইন্ডো "ডিফল্ট সেটিংস" সম্পাদনাযোগ্য নয়। "সেটিংস.জসন" শিরোনামে ডান উইন্ডোটি ব্যবহার করে আপনাকে সেগুলি ওভাররাইড করতে হবে । আপনি "ডিফল্ট সেটিংস" থেকে "সেটিংস.জসন" এ পেস্ট সেটিংস অনুলিপি করতে পারেন:

// Place your settings in this file to overwrite default and user settings.
{
     "editor.renderWhitespace": "all",
     "diffEditor.ignoreTrimWhitespace": false
}

আমি বন্ধ করে শেষ renderWhitespace।

Answer 9

হোয়াইটস্পেসটি দৃশ্যমান করার বিকল্পটি এখন ভিজ্যুয়াল স্টুডিও কোডের 1.15.1 সংস্করণে "টগল রেন্ডার হোয়াইটস্পেস" হিসাবে ভিউ মেনুতে একটি বিকল্প হিসাবে উপস্থিত হবে।

Answer 10

এফ 1 বোতামটি চাপুন, তারপরে "টগল রেন্ডার হোয়াইটস্পেস" টাইপ করুন বা এর যে অংশগুলি আপনি মনে করতে পারেন :)

আমি vscode সংস্করণটি 1.22.2 ব্যবহার করি যাতে এটি এমন বৈশিষ্ট্য হতে পারে যা 2015 সালে উপস্থিত ছিল না।

Comments

এইটা কাজ করে! তবে এটি 'সীমানা' বিকল্পটি এড়িয়ে কেবল 'সমস্ত' এবং 'কিছুই নয়' এর মধ্যে টগল করে।

— দিয়েগোডিডি

Answer 11

1. ব্যবহারকারীর পছন্দসমূহ খুলুন। কীবোর্ড শর্টকাট: CTR + SHIFT + P-> পছন্দসমূহ: ব্যবহারকারী সেটিংস খুলুন;

2. হোয়াইটস্পেসে অনুসন্ধানের ক্ষেত্রটি sertোকান এবং সমস্ত পরামিতি নির্বাচন করুন

Comments

এছাড়াও, ভিএস কোড 1.45 (ওএসএক্সে) এর জন্য, ডিফল্টটি ছিল "নির্বাচন"।

— শেন