কিভাবে Sublime Text এ কোডগুলো Auto Align বা Re-indent করবো

Sublime Text খুবই জনপ্রিয় একটি কোড এডিটর । এর আগের একটি পোষ্টে দেখিয়েছি কিভাবে Sublime Text টেক্সট এডিটরে Package Control ইন্সটল করা যায়। আজ আমরা দেখবো কিভাবে এই্ টেক্সট এডিটরের  কোডগুলো Auto Align বা Auto Arrange করা যায় । আসলে কোডগুলোকে Re-indent করা  হয় ।

 

Sublime Text এ কোড Re-indent

চলুন তাহলে শুরু করা যাক । সাবলাইম টেক্সট ওপেন করে Preferences থেকে Key Bindings – User এ প্রবেশ করুন ।

sublime text re indent

sublime text re indent

 

যদি আগে থেকে কোন কি বাইন্ডিং দেয়া না থাকে তাহলে নিচের মতো করে keymap পেইজটি ওপেন হবে । এখানে Square Brackets ( আমরা অনেকেই একে 3rd Bracket বলি ) এর মধ্যে আমরা বলে দেবো কোন কি এর জন্য reindent হবে ।

 

sublime text user keymap

sublime text user keymap

Square Brackets এর মধ্যে নিচের কোডটি বসিয়ে দিন  এবং Save করুন  (Ctrl + S)

{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }

যা নিচের ছবিতেও দেখানো হল ।

sublime text user keymap reindent

sublime text user keymap reindent

এবার যেকোন একটি HTML বা CSS পেজ ওপেন করে কিছু কোডের ইন্ডেন্ট চেন্জ করে তারপর কিবোর্ড থেকে চাপনু  ctrl+shift+r ( উপরের কোডে আমরা ctrl+shift+r কে ব্যবহার করেছি ), দেখবেন এলোমেলো কোড গুলো সুন্দর করে সাজানো হয়ে গেছে । এইখানে আমাদের Key board Commend ctrl+shift+r, তবে চাইলে আপনি আপনার মনের মতোও  কি বোর্ড কমান্ড সেট করতে পারেন।  সেক্ষেত্রে দেখে নিতে হবে যে আপনি যে কি কমান্ড টি দিতে চাচ্ছেন, সেটি আগে থেকে কোথাও ইউজ করা আছে কিনা । তা না হলে সেটি আবার কাজ না ও করতে পারে ।

Preferences থেকে Key Bindings – Default এ ঢুকুন, দেখবেন অনেক কিবোর্ড কমান্ড লিখা আছে আগে থেকে ই । এগুলো সাবলাইম টেক্সটের নিজের কিবোর্ড কমান্ড ।

Related Post

কিভাবে পাওয়ার পয়েন্ট স্লাইডে Indent and Spacing... পূর্বের আলোচনায় আমরা জেনেছি কিভাবে পাওয়ার পয়েন্ট স্লাইডে List Modify করতে হয়। এ পর্যায়ে আমরা আলোচনা করবো কিভাবে পাওয়ার পয়েন্ট স্লাইডে Indent and Spaci...
কিভাবে Sublime Text এ Emmet Install করবো... ইমিট (Emmet) হল একটি প্লাগইন যা বিভিন্ন জনপ্রিয় কোড এডিটর গুলোর কোড লিখার গতি বাড়িয়ে দেয় । যেমন ধরুন আপনি একসাথে ১০টি li tag লিখতে চাচ্ছেন কিংবা এক সা...
লাইভ কোড এডিটর – HTML CSS JS Live Editor... Front End Web Development শেখার গতিকে আরও একটু এগিয়ে নিতে আমরা আমাদের ওয়েব সাইটে যোগ করেছি লাইভ কোড এডিটর যা অনেকটা w3schools এর Tryit এর মত । আর আমাদ...
সাবলাইম টেক্সট পোর্টেবল ভার্সন ইন্সটল ও কনফিগার ভি... সাবলাইম টেক্সট পোর্টেবল ভার্সন কিভাবে USB Pendrive এ ইন্সটল  দিবেন ও এটিতে বিভিন্য প্যাকেজ কন্ট্রল গুলো এড করবেন তা আমরা এই ভিডিওতে তুলে ধরেছি।  এবং এ...
ওয়েব ডেভেলপমেন্ট এ কোন কোড এডিটর ভালো... ওয়েব পেইজ ডেভেলপ করার জন্য অনেক গুলো কোড এডিটর আছে। এক এক  ডেভেলপার এর কাছে এক একটি কোড এডিটর ভালো লাগে এবং এটি আসলে নির্ভর করে বিভিন্ন কোড এডিটর গুলো...
Sublime Text টেক্সট এডিটরে Package Control ইন্সটল ... Sublime Text টেক্সট এডিটর একটি বহুল ব্যবহৃত Text Editor বা Code Editor যা অনেক ওয়েব প্রগ্রামারই ব্যবহার করে থাকেন ।  এটির ইউজার ইন্টারফেস অনেক সুন্দর ...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!