පරිගණක දැනුම බෙදාහදා ගන්න.: HTML සහ CSS වේගයෙන් : emmet

කාලෙකට පස්සේ ආපහු ලියන්න පටන්ගත්තා. ලේසියෙන් සහ වේගයෙන් Shortcut පාවිච්චි කරලා HTML සහ CSS ලියන විදිහක් මේක. හැඳින්වීමක් ලියන්න නම් තේරන්නේ නෑ. කියවගෙන යනකොට තේරයි.

1. මේ Software එක Download කරලා Install කරගන්න. මේක ගොඩාක් Languages වලින් ලියන්න පාවිච්චි කරන්න පුලුවන්. PHP වලටත් නියමයි. මම කැමතිම එකක් මේක.

http://www.sublimetext.com/3

2. Shortcut වැඩ කරන්න අපි පාවිච්චි කරන්න යන්නේ emmet කියන Plugin එක. ඒකෙන් තමයි ඔක්කොම වෙන්නේ. ඒක මෙතනින් Download කරන්න.

http://emmet.io/download/

මේ Link එකට ගියාම Software ගොඩක් තියනවා Sublime Text කියන එක Click කරන්න.

දකුනු පැත්තේ තියන Download Zip Click කරන්න.

3. Download වුන Zip File එක extract කරන්න.

4. Sublime Text open කරන්න

5. Preferences --> Browse packages වලට යන්න.

6. Packages තියන Folder එක මෙතනින් open වෙනවා. කලින් (3 කොටසේදි) extract වුන folder එක මෙතනට Copy කරන්න.

හරියට වැඩේ වෙලානම් Preferences ---> Package Settings වල Emmet කියලා එකක් තියෙන්න ඕනේ.

7. දැන් වැඩේ පටන්ගන්න තියෙන්නේ. Sublime Text වලින් New File එකක් ගන්න ( Shortcut CTRL+N )

8. මොනවත් type කරන්න ඉස්සල්ලා HTML file එකක් විදිහට save කරලා ඉන්න ( උදා abc.html ) Save කලේ නැත්නම් මේක වැඩ කරන්නේ නෑ.

9. මෙහෙමයි Shortcut පාවිච්චි කරන්නේ

උදා

ul කියලා type කරන්න. TAB key එක press කරන්න.