সাব্লাইম টেক্সটে আপনি কীভাবে শর্ট-কাট রাইটিং কোড করবেন?

Question

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

বেশ কয়েকটি ভিডিওতে আমি লোকেরা এগুলি করতে দেখি:

div.classএবং এটি <div class="class"></div>পরে তৈরি করা হবে tab।

Comments

আপনি নিজের কাস্টম স্নিপেটগুলিও তৈরি করতে পারেন; docs.sublimetext.info/en/latest/extensibility/snippets.html

— আবদেসামাদ ইদ্রিসি

উপরের লিঙ্কটি আর বৈধ নয়। কোনও নিজস্ব লিঙ্ক আছে যা আমাদের নিজস্ব কাস্টম স্নিপেটগুলি কীভাবে তৈরি করবেন তা জানায়?

— অঞ্জনেশ

Answer 1

আপনি যে বৈশিষ্ট্যটি বর্ণনা করেছেন তা হ'ল বাক্সের বাইরে সাব্লাইম টেক্সট 2 এর একটি অংশ। আপনার নথিতে এইচটিএমএল সিনট্যাক্স ব্যবহার হয়েছে তা নিশ্চিত করুন ( দেখুন nt সিনট্যাক্স »এইচটিএমএল )।

টাইপ করুন foo.bar, টিপুন Tabএবং আপনি পাবেন <foo class="bar"></foo>। এছাড়াও foo#bar( idপরিবর্তে জন্য class) আছে। উভয়ই বাস্তবায়িত হয় ।Packages/HTML/html_completions.py

Comments

aট্যাগগুলি কীভাবে বিল্ড আউট করবেন সে সম্পর্কে কোনও ডকুমেন্টেশন আছে li? এটি কি কেবল এইচটিএমএল-এর জন্য? এবং +1।

— DᴀʀᴛʜVᴀᴅᴇʀ

@ গ্র্যাম্পগুলি আপনার অর্থ কী তা নিশ্চিত নয় তবে নোট করুন যে আমি এই স্ক্রিপ্টটি নির্দেশ করেছি যেখানে এই বৈশিষ্ট্যটি প্রয়োগ করা হয়েছে ( প্যাকেজগুলি ব্রাউজ করুন ... মেনু আইটেমটি আমি উল্লেখ করব ডিরেক্টরিতে যেতে নির্বাচন করুন )। উদাহরণস্বরূপ, আপনি বিদ্যমান স্ক্রিপ্টকে বাড়ানোর জন্য যেমন অতিরিক্ত বিভাজককে সমর্থন করতে পারেন। পাইথনটিতে সাবাইলাইম টেক্সট 2 স্ক্রিপ্টগুলি প্রয়োগ করা হয়েছে, এখানে পাইথন ডকুমেন্টেশন রয়েছে এবং এই পৃষ্ঠায় সাবালাইম টেক্সট 2

— ড্যানিয়েল বেক

আমি কাউকে করতে দেখেছি div#main.containerকিন্তু সাব্লাইম যখন চেষ্টা করার mainসাথে সাথে একটি ক্লাসের সাথে একটি উপাদানকে আলাদা করে ফেলেছে container?

— টাকো

Answer 2

এমমেট / জেন-কোডিং

এমমেট এমন একটি প্লাগইন যেখানে আপনি সিএসএস-নির্বাচক-জাতীয় পদ্ধতিতে মৌলিক কাঠামোটি লেখেন এবং সম্পাদকটিকে এটি প্রসারিত করতে পারেন। আপনি গিটহাবে প্যাকেজটি সন্ধান করতে পারেন এবং এটি প্যাকেজ ম্যানেজারের মাধ্যমে ইনস্টল করতে পারেন।

_{(উত্স: স্ম্যাশিংমাগাজাইন.কম )}

এই স্মেশিং ম্যাগাজিনে এটির একটি নিবন্ধ রয়েছে । উদাহরণ স্বরূপ,

(.foo>h1)+(.bar>h2)

সঙ্গে প্রসারিত হবে Tabথেকে

<div class="foo">
  <h1></h1>
</div>
<div class="bar">
  <h2></h2>
</div>

ট্যাগগুলিতে নির্বাচন মোড়ানো

আপনি যা করতে পারেন তা হ'ল AltShiftWএকটি খোলা ট্যাগ তৈরি করতে বা বর্তমান নির্বাচনকে একটি ট্যাগে মোড়ানো ( সম্পাদনা »ট্যাগ» বর্তমান নির্বাচনকে মোড়কে দেখুন দেখুন )।

ডিফল্টরূপে এটি তৈরি করবে:

<p></p>

ট্যাগ নাম নির্বাচন করে যাতে আপনি এটি ওভাররাইট করতে পারেন।

টিপতে Tabআপনাকে আরও ট্যাগের ভিতরে নিয়ে যেতে পারে। অথবা, আপনি যদি টিপেন Space, আপনি বৈশিষ্ট্য তৈরি করতে পারেন, উদাহরণস্বরূপ:

• AltShiftW(উইন্ডোজ / লিনাক্সে) বা CtrlShiftWওএস এক্সে
• A
• Space
• টাইপ করুন href="...", তারপরTab
• <a href="..."></a>কার্সারের সাথে ট্যাগের মধ্যে অবস্থিত ফলাফল