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




visual-studio-code (6)

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

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


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


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

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

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


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

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


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


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

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

নোট:

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

বিকল্প:

  • সিএসএস / স্যাস / এসএসএস / কম ফর্ম্যাট করতে:
  • জাভাস্ক্রিপ্ট / টাইপস্ক্রিপ্ট / সিএসএস ফর্ম্যাট করতে:
  • জেএস, সিএসএস, এইচটিএমএল, জেএসএন ফাইল ফর্ম্যাট করতে (জেএস-বিউটিফায় মোড়ানো)
    • marketplace.visualstudio.com/…
      • তবে, ইতিমধ্যে জেএস, এইচটিএমএল, জেএসএন ভিএস কোড দ্বারা সমর্থিত
  • সিএসএস বিন্যাস করতে

বিন্যাস করতে:

ভিএস কোডে Alt + Shift + F টিপুন
উদাহরণস্বরূপ, প্রিটিয়ার ইনস্টল করার পরে

আশা করি এইটি কাজ করবে.


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





visual-studio-code