Techtunes এ আমি ২০০৯ সাল থেকে visit করি। এখনো আমি একটাও Tunes ও  করি নাই। সবার লেখা পরতে পরতে নিজে কিছু লেখার মতন খুজে পাই নি । সব সময় মনে হত সবাই আমার থেকে কত্ত Advance . আমি সবার থেকে অনেক পিছিয়ে আছি। যাই হোক আমি techtunes এর টিউনার ভাইদের কাছ থেকে অনেক কিছু শিখেছি। যা কখন ভুল্বার নয়। আজকে আমি আমার জিবনের প্রথম টিউন করতে বসেছি। এই Tune টি আমি Techtunes এর সকল মেম্বারকে উত্সরগ করলাম।

 =======================================================================================

Sublime Text 2 হচ্ছে একটি সুন্দর সোর্স কোড এডিটর। দেখুন Sublime Text 2 এর একটি screen shot.

এবার Sublime Text 2 Download করে ফেলুন।

For Mac OS X  (only 7.6 mb)

For Windows ( only 5.3 mb )

এবার ইন্স্টল করে ফেলুন Sublime Text 2. আশা করি কিভাবে ইন্স্ট্ল করতে হয় সেটা দেখান লাগবে নাহ।

বি:দ্র: Full version আর Trial version এর মধ্যে তেমন কোন পার্থ্ক্য নাই । তাই Trial Version Use করতে পারবেন অনেক দিন ।

এবার Zen Coding ইন্স্ট্ল এর পালা:

Zen coding ইন্স্ট্ল করলে আপনি খুব সহজে দ্রুত Coding করতে পারবেন ।

প্রথমে আপনাকে Sublime এ Package Control ইনস্ট্ল করতে হবে। সে জন্য Sublime Text 2 Open করুন । তারপর Toolbar এর View option থেকে Show Console এ click করুন।

নিচের মতন window open হবে ।

এখন নিচের code গুলো Copy করে Paste করুন । তারপর Enter চাপুন ।

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

এখন Package control ইন্স্ট্ল complete হয়ে গেছে । এবার Zen Coding Plugin ইন্স্ট্ল করতে হবে। বি:দ্র: Package Control একবার ইন্স্ট্ল করলে পরবর্তীতে Sublime এর কোন Plugin Install করার জন্য Package control ২য় বার ইন্স্ট্ল করা লাগবে নাহ । শুধু Plugin Install করলেই হবে।

আসুন এবার আমার Zen Coding Plugin টা ইন্স্ট্ল করে ফেলি ।

প্রথমে Sublime open করুন তারপর (control+shift+p)  চাপুন । তাহলে নিচের মতন window open হবে ।

এবার লিখুন “Package Control : Install Package” এবং enter চাপুন।

একটু wait করলে নিচের মতন window open হবে

এবার Emmet লিখে Enter চাপুন । তাহলে Zen Coding Plugin Install হয়ে যাবে।

Zen Coding এর কিছু Short Code নিচে দিয়ে দিলাম ।

1. HTML5 doctype এর জন্য>>> (!+tab+tab) অথবা (html:5+tab+tab)

2. XHTML transitional doctype এর জন্য>>> (html:xt+tab)

3. HTML4 strict doctype এর জন্য>>> (html:4s+tab)

4. div class এর জন্য>>> (div.item+tab)

5. div id এর জন্য>>> (div#item+tab)

এখানে এরকম আরো অনেক Short Code দেয়া আছে ।

এটা আমার প্রথম Tune কেমন হল অবশ্যই জানাবেন । ভুল হলে মাফ করে দিবেন ।

Facebook এ আমি