ভিজ্যুয়াল স্টুডিও কোড সিএসএস ইনডেন্টেশন এবং ফর্ম্যাটিং


104

আমি জানতে চাই যে শর্টকাট ALT+ SHIFT+ সহ ভিজ্যুয়াল স্টুডিও কোডে একটি সিএসএস ফাইল অটো ইন্ডেন্ট সক্রিয় করার কোনও উপায় আছে কিনা F?

এটি জাভাস্ক্রিপ্টের সাথে দুর্দান্ত কাজ করছে তবে আশ্চর্যজনকভাবে CSS এর সাথে নয়।


আপনি কি এই এক্সটেনশন চেষ্টা করেছেন? মার্কেটপ্লেস.ভিজুয়ালস্টুডিও.
com/…

উত্তর:


108

হ্যাঁ, vscode-css-formatter এক্সটেনশন ইনস্টল করার চেষ্টা করুন ।
এটি কেবল .cssফাইলগুলি ফর্ম্যাট করতে কার্যকারিতা যুক্ত করে এবং শর্টকাটটি একই Alt+ Shift+ থাকে F


এই এক কাজ নিখুঁতভাবে করছেন। মোপেড দ্বারা প্রস্তাবিত অন্যটি আমি চেষ্টা করেছিলাম কিন্তু প্রতিবারই আমি একটি ফাইল সংরক্ষণ করেছিলাম, আমাকে দুবার সংরক্ষণ করতে হবে ..
A. ডিসি

4
উইন্ডোজে এই এক্সটেনশনটি কীভাবে ব্যবহার করবেন? Alt + shift + f কাজ করে না এবং ডান ক্লিক করার পরে কোনও 'ফর্ম্যাট কোড' বিকল্প নেই।
কেয়্যু

4
আপনি কি এক্সটেনশানটি ইনস্টল করার পরে বনাম-কোডটি পুনরায় শুরু করেছেন? এছাড়াও, কোন ফাইলগুলিতে আপনি এই আদেশটি কার্যকর করতে চেষ্টা করছেন?
এনভালচেভ

13
আমার পক্ষে কাজ করেনি। Alt+Shift+Fএখনও দিচ্ছি : দুঃখিত, তবে 'সিএসএস' ফাইলগুলির জন্য কোনও ফর্ম্যাটর নেই। পুনরায় লোড। সিএসএস / স্যাস / এসএসএস / কম কাজ করা সুশোভিত করুন
লিও

ম্যাক, (সিএমডি + কে, সিএমডি + এফ) এ দুর্দান্ত কাজ করে এবং একই কীবোর্ড শর্টকাট ব্যবহার করে অন্যান্য ফাইলের বিন্যাসকে প্রভাবিত করে না। ধন্যবাদ
মোজভে

44

সিএসএস / স্যাস / এসএসএস / কম সুন্দর করুন

এটি চালাতে

প্রবেশ alt+shift+f

বা

টিপুন F1বা ctrl+shift+p তারপরে সুন্দরী প্রবেশ করুন ..

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


অন্য একটি - জেএস-সিএসএস-এইচটিএমএল ফর্ম্যাটার

আমি মনে করি এই এক্সটেনশন উভয়ই অভ্যন্তরীণভাবে জেএস-বিউটিফাই ব্যবহার করে


Alt + shift + f কিছুই করেনি, তবে সুন্দর করে টাইপিং ... কাজ করেছে।
rtaft

জেএস-সিএসএস-এইচটিএমএল ফর্ম্যাটার ব্যবহারের অন্য উপায়টি হল -> প্রসঙ্গ মেনু খুলুন এবং ফর্ম্যাট কোডটি চয়ন করুন
চানাকা ফার্নান্দো

24

সেরা বিকল্পটি সন্ধান করতে এক ঘন্টা নষ্ট করা।

সহজ পড়া এবং তাদের একটি চয়ন করার জন্য, কেবল এটি একত্রে রাখুন।

মন্তব্য:

  • সিএসএস এবং এসএএসএস / এসসিএসএস / এলইএসএস সমস্ত সম্পর্কিত
  • এইচটিএমএল, জাভাস্ক্রিপ্ট, টাইপসক্রিপ্ট, জেএসএন - ভিএস কোড ইতিমধ্যে ফর্ম্যাট করছে
  • সিএসএস এবং সম্পর্কিত - ভিএস কোড আজকের মতো ফর্ম্যাট করছে না

বিকল্পসমূহ:

  • সিএসএস / স্যাস / এসএসএস / কম ফর্ম্যাট করতে:
    • সুন্দর
      • সমস্ত CSS সম্পর্কিত সমর্থিত, এবং অন্যরা নয়, আমি এটি চয়ন করি, এটি দুর্দান্ত কাজ করে।
  • জাভাস্ক্রিপ্ট / টাইপস্ক্রিপ্ট / সিএসএস ফর্ম্যাট করতে:
  • জেএস, সিএসএস, এইচটিএমএল, জেএসএন ফাইল ফর্ম্যাট করতে (জেএস-বিউটিফায় মোড়ানো)
  • সিএসএস ফর্ম্যাট করতে

ফর্ম্যাট করতে:

প্রেস Alt+ + Shift+ + Fবনাম কোডে, prettier ইনস্টল করার পরে।


প্রিটিয়ার স্ক্যাস তালিকাভুক্ত করে তবে স্যাস নয়। সাসকে সমর্থন করার জন্য দাবিগুলি সুন্দরী করুন তবে আমার অভিজ্ঞতা থেকে সবকিছুকে একটি লাইনে টেনে নিয়ে যায়। (স্পষ্টভাবে সাস কথা বলছেন, স্ক্যাস নয়)
ফ্রাঙ্ক নোক

5

ভিজ্যুয়াল স্টুডিও কোডে স্থানীয় বুটস্ট্র্যাপ.মিনি.সি.এস. খোলার পরে , এটি অবিরাম লাগছে। কমেড ALT + শিফট + এফ চেষ্টা করলেও বৃথা যায়।

তারপরে ইনস্টল করা হয়েছে

সিএসএস ফর্ম্যাটর এক্সটেনশন।

এটি পুনরায় লোড করা হয়েছে এবং ALT + Shift + F মনোযোগ সহ আমার সিএসএস ফাইল যুক্ত করেছে।

বিঙ্গো !!!


4

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

আপনি এটি গিটহাব থেকে ছিনিয়ে নিতে পারেন এবং এটি নিজেকে খাপ খাইয়ে নিতে পারেন, আপনারও যদি এটির মতো মনে হয়।


4

আমি প্রেটিয়ার ব্যবহার করার পরামর্শ দিচ্ছি কারণ এটি খুব এক্সটেনসিবল তবে তবুও বাক্সের বাইরে পুরোপুরি কাজ করে:

1. CMD + Shift + P -> Format Document

বা

1. Select the text you want to Prettify
2. CMD + Shift + P -> Format Selection

3

ফাইল মেনু -> পছন্দ -> এক্সটেনশনে যান তারপরে সিএসএস ফর্ম্যাটরটি টাইপ করুন এটি লোড হওয়ার জন্য অপেক্ষা করুন এবং ইনস্টল ক্লিক করুন


1

HookyQR.betefy এক্সটেনশনটি ইনস্টল করুন। এটি ভিজুয়াল স্টুডিও কোডটিতে আপনার জাভাস্ক্রিপ্ট, জেএসএন, সিএসএস, স্যাস এবং এইচটিএমএলকে সুন্দর করবে। এটি এই উদ্দেশ্যে সর্বাধিক ব্যবহারের এক্সটেনশন



-8

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

স্বয়ংক্রিয় বিন্যাসের নিয়মগুলি এতে খুঁজে পাওয়া যায় এবং এতে পরিবর্তন করা যায়: সরঞ্জাম / বিকল্প -> (বাম দিকের সাইডবার): পাঠ্য সম্পাদক / সিএসএস (অথবা আপনি যে কোনও ভাষা পরিবর্তন করতে চান)

সিএসএস ভাষার জন্য অপশনগুলি দুর্ভাগ্যক্রমে খুব সীমিত। আপনি এতে কিছু পরিবর্তন করতে পারেন: ... / পাঠ্য সম্পাদক / সমস্ত ভাষা


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