Однією з таких програм є Sublime Text, про встановлення й апгрейд якої піде мова.
Сама по собі процедура інсталяції програми зовсім безпроблемна. Перш за все, переходимо за посиланням і завантажуємо на свій комп'ютер дистрибутив програми:
Далі просто запускаємо інсталяцію і слідуємо вказівкам майстра встановлення.
Після виконання усіх необхідних процедур, програма встановлюється на ваш комп'ютер і нею уже можна користуватися. Однак, для розширення її функціональних можливостей можна ще "прокачати" собі цю програму, встановивши додаткові плагіни до неї.
Почнемо з плагіна Emmet. Він дозволяє прискорити написання коду завдяки тому, що "вміє" підставляти цілі шматки коду буквально натисканням однієї клавіші.
Щоб встановити плагін Emmet (як, до речі й інші плагіни), спочатку треба встановити менеджер плагінів Package Control.
У середовищі Sublime Text оберіть View → Show Console:
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
...і вставте його у маленьке поле внизу,
після чого натисніть Enter, а потім закрийте і ще раз запустіть Sublime Text.
Потім оберіть Tools → Command Palette:
У вікні, що з'явилося, введіть "Package Control: Install Package". Не обов'язково вводити все повністю, оскільки тут працює автопідстановка. Достатньо тільки знайти й виділити потрібний пункт:
Про успішне завершення процесу встановлення менеджера плагінів свідчитиме поява відповідного спливаючого віконця:
Клікайте на ОК і переходьте безпосередньо до встановлення плагіна Emmet.
Знову поверніться в Package Control тільки на цей раз оберіть уже Install Package:
Після нетривалих "роздумів" менеджер плагінів запропонує вам вибрати, який саме плагін ви хочете встановити. Введіть у поле слово "Emmet" і клікніть на запропонованому вам рядку:
Про успішне встановлення плагіна свідчитиме поява такої вкладки:
Тепер якщо у середовищі Sublime Text створити файл з розширенням html:
File → NewFile → SaveAs:
...і натиснути на знак оклику, то з'явиться віконечко підстановки:
...а після натискання на клавішу Tab увесь той великий шматок коду з базовою розміткою веб-сторінки одразу ж опиниться у вашій вкладці:
Але підстановкою початкової розмітки веб-сторінки можливості Emmet не завершуються. Якщо необхідно ввести якийсь тег, то достатньо просто написати його назву і натиснути клавішу Tab. Emmet і відкриє цей тег, і закриє його сам.
Знак «+» допомагає вивести 2 послідовних тега. Наприклад, img+link дозволяє вивести таке:
<img src="" alt="">
<link rel="stylesheet" href=""> Щоб отримати вкладений тег використовується оператор «>». Наприклад, div>ul>li виводить таку конструкцію:
Щоб повторити якийсь елемент кілька разів використовуйте оператор «*». Наприклад, щоб вивести 5 абзаців слід увести з клавіатури: р*5:
Те, що потрібно вставити між парними тегами записуйте у фігурних дужках:
h1{Заголовок} і отримаєте таке: <h1>Заголовок</h1>.
Замість нудного прописування HTML-списку з посиланнями з 10 елементів, вам потрібно написати: ul>li*10>a{item$}. Ось що з цього вийде:
Аналогічно до Emmet тепер нескладно встановити собі будь-який інший потрібний плагін. Наприклад, LoremIpsum, який дозволяє одним натисканням клавіші підставити в потрібне місце вашої веб-сторінки т.зв. "псевдотекст", що імітуватиме текстовий блок.
Для вставлення псевдотексту тепер достатньо ввести lorem і натиснути Tab:
Якщо ж не натискати Tab, а клікнути правою кнопкою миші, то можна буде вибрати ще й обсяг псевдотексту, який можна вставити:
Про багато інших корисних плагінів можна прочитати на цій сторінці, а про те, як українізувати інтерфейс програми - на цій.