Що таке сніппети?
Всім привіт! У цій статті ми розглянемо, що таке сніппети, для чого вони взагалі застосовуються і як їх створювати.
Думаю, ви помічали, що буває дуже часто потрібно писати одне і те ж. Від проекту до проекту, а то і безліч разів в одному проекті. Наприклад, розмітка html сторінки. Ми пишемо її кожен раз, коли створюємо новий сайт. Якщо ви програміст, то, напевно, вам часто доводиться писати одні і ті ж функції. Звичайно, можна так і продовжувати писати все вручну, а можна почати використовувати сніппети.
взагалі, сниппет - це якийсь уривок коду, який може бути використаний повторно. Тобто це повністю вирішує проблему, описану на початку. Створювати сніпети дуже легко, будь-який сучасний текстовий редактор їх підтримує. оскільки Sublime Text є одним з найпоширеніших (якщо не самий), то давайте в ньому їх і розглянемо.
Відкрийте програму, зверху, в меню, знайдіть пункт Tools(Інструменти), а в ньому виберіть New Snippet(Новий сниппет).
У відкритому файлі ви повинні побачити наступне:
Hello, $ {1: this} is a $ {2: snippet}.
]] Gt;
Зітріть все, що знаходиться на третьому рядку, і пропишіть там той код, який ви найчастіше використовуєте. Оскільки сніпетів потрібно ключове слово, за яким він зрозуміє, що потрібно вставити цей код, ви повинні вказати його в тезі
lang="En"gt;
charset="Utf-8"gt;
]] Gt;
html5
Тепер, якщо ви введете html5, а потім натиснете клавішу табуляції, то отримаєте HTML5 структуру сторінки.
Отже, на цьому у мене все. Сподіваюся, тепер ви будете витрачати менше часу на написання коду, а більше на його продумування! Дякую за увагу!
- Самі часто використовувані скорочення в текстовому редакторі sublime text 2.
- Кращі плагіни sublime text 3
- Nodejs. Що таке npm.
- Як використовувати github gist.
- Nodejs. Що таке pipe ().
- Що таке обіцянки в es6.
- Nodejs. Що таке middleware і статичні файли.
- Коли використовувати reset.css і normalize.css.
- Nodejs. Що таке потоки і буфери.
- Що таке рефакторинг?
- Brackets. Текстовий редактор коду.
- Nodejs. Параметри маршрутизації в express.
- Текстовий редактор sublime text 2.
- Створення сайту на html
- Nodejs. Модулі.
- Вивчаємо sass. Розширення батьківського селектора.
- Різниця між html і xhtml
- Конфігурація для sublime text.
- Gulp. Вступ.
- Підключення в php сторонніх файлів
- Установка sublime text 3 ubuntu 16.04