Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Tools
Code

Підвищений текст 2: перші кроки  

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Tanya Ira (you can also view the original English article)

Менш ніж за рік, піднесене Текст 2 редактор коду - доступно для Mac, Windows і Linux - злетіла, щоб стати редактором, шукайте величезна кількість розробників. Чому?  Ну, це складний редактор, з блискавичною швидкістю, неймовірно яскраві плагін спільноти, простота настройки Вінтаж (ВІМ) режимі, кілька курсори - далі за списком. 

Якщо ви ще зробити вимикач, з почуття відданості до вашого поточного редактором, дай мені двадцять хвилин, і я зможу переконати тебе! 

Зверніть увагу, що ця стаття, для convenienccsse і читабельність, буде використовувати виключно для Mac клавіатурні прив'язки. Посилатися тут на еквівалент Windows/Linux версії. 


1 - Декілька Курсорів 

Давайте почнемо з функції, яка буде дути ваш розум: кілька курсорів. Застереження: як тільки ви відчуєте гнучкість мати кілька курсорів на кінчиках пальців, ви не зможете повернутися до старого способу. 

Уявіть, що вам потрібно змінити усі входження цього слова, метод mymethod, в новометодные.  Традиційно, ви можете виконати пошук і заміну; однак, у піднесеному, все набагато простіше. Просто розмістіть курсор на слово і тип управління + команда + р.  З однієї цієї клавіші, у вас зараз обрано кожна поява методу mymethod, і мати кілька курсорів на кінчиках пальців. Змінити текст, і дивитися їх все оновити! Щелепа впала, так? 

Крім того, ви можете натиснути Command + D кілька разів, щоб послідовно вибрати кожен додатковий примірник Слова. 


2 - Команда Палітра 

Команда палітра піднесене-це Бог-передача для тих, хто віддає перевагу чіпати миша як можна менше (детальніше про це трохи пізніше). Ця палітра дозволяє запускати безліч команд, таких як зміна типу синтаксису для поточного документа, встановлення плагінів та пошук фрагментів, щоб назвати декілька. 

Щоб, наприклад, змінити поточну підсвічування синтаксису для поточного документа, наприклад, в HTML, CSS, натисніть Ctrl + shift + р, і типу "вус." Опцію "задати синтаксис: УСБ" повинні відображатися.  Натисніть Enter, і ви зробили! Зверніть увагу, що ви можете скористатися нечіткий пошук, як такої, вам не потрібно вводити слово. 

Запам'ятовувати цю команду на клавіатурі і використовувати його часто. 


3 - Контрольний Пакет 

Створюється скріпить, контрольний пакет-це потужний менеджер пакетів, який дозволяє, безпосередньо в редактор коду, встановити будь-який пакет (або плагін), який ви можете собі уявити. Необхідність Кодування Дзен? Встановіть його в три секунди.  Що щодо підтримки Prefixr, або синтаксис CoffeeScript виділення? Це займе всього пару натиснень клавіш для встановлення. Немає більше чистячі інтернеті плагін, і потім досліджувати, де встановити його. 

Встановити контрольний пакет, відвідайте сайт Бонда, скопіюйте фрагмент коду, повернутися в піднесене текст, натисніть сполучення клавіш Ctrl +`, і вставити фрагмент і перезавантажити. Ти молодець! 

Давайте встановимо кодування Дзен. Відкрийте командну панель (команда + Shift + P) і типу "установка". Після натискання Enter, піднесене надасть список всіх різних плагінів, які можна встановити.  Шукайте Дзен виховувати "Дзен-кодинг" і натисніть Enter, щоб встановити його. Так - це так просто! Щоб підтвердити, що він працював, у порожній HTML-файл, тип ul>чи*вкладка 4+. Тада!


4 - Теми Текст. Повідом 

Цілком імовірно, що ви в даний час Мак читачів через текст. повідом. На щастя, піднесене текст пропонує повну підтримку теми текст. повідом.  Це означає, що так, ваша користувацька колірна схема можуть бути перенесені на піднесене текст без грама конфігурації. Просто помістіть його в папку "пакети" як є. 


5 - Nettuts+ Принести 

Скільки разів ви вручну завантажили, наприклад, HTML5 шаблонний, або бібліотеку jQuery?  Ось марнотратно; було б легше, якби ми могли б запустити швидкий натиснення клавіш і миттєво завантажити їх до поточного проекту? Звичайно, це було б! Nettuts + вибірка є рішенням.

Встановіть його через контрольний пакет, а потім шукати "вибірка: управління віддаленими файлами." При цьому будуть показані два об'єкта для вилучення окремих файлів і пакетів, відповідно; дві були забезпечені для вас. 

Щоб перевірити це, створіть новий файл, шукайте "принести" в командній панелі, вибираємо "файл" - > "бібліотека jQuery" і дивитися останню версію бібліотеки миттєво бути додані. Далі, спробуйте встановити весь пакет, і будете вражені. 


6 - Символ Гото 

Відвідайте будь-який клас або список функцій, які ви маєте в наявності, введіть Command + R, і вам буде представлений список всіх картинок на сторінці. Зверніть увагу, як ми використовуємо символ"@", щоб переглянути методів. 

Наприклад, якщо ви переглядаєте PHP клас, Команда + R буде перелічити всі імена методів. Потім ви можете використовувати нечіткий пошук, щоб миттєво перейти до потрібного методу. 

Коли ми об'єднуємо це з миттєвим можливості піднесене перемикання файл, ця команда стає особливо корисним. Уявіть, що вам потрібно змінити стиль.CSS і, зокрема,.клас поле у файлі; поле Тип команди + п, стиль@, а ти там! 


7 - Prefixr 

Prefixr-це веб-сервіс, який автоматично застосовує необхідну постачальника префікси CSS файл стилів, так що ви не повинні пам'ятати, що постачальники, щоб використовувати для будь-якого заданого властивості в CSS3. Плагін Prefixr приносить цю функціональність прямо у ваш редактор! 

Після того як ви встановите плагін через контрольний пакет, виділити вміст таблиці стилів, і активувати плагін після натискання Ctrl + команда + X.  Вуаля! Ваш файл миттєво оновлюються. Використання офіційних синтаксис і нехай Prefixr з'ясувати виробником вимоги.


8 - Просунутий Новий Файл 

 Чим менше ви чіпаєте миша, тим краще. На жаль, за замовчуванням, створюємо новий файл в Sublime текст може зайняти трохи більше часу, ніж нам би хотілося. "Розширений новий файл" плагін, який може, як завжди, буде встановлений через контрольний пакет, виправляє це.

Після установки, тип параметра команди + + N, і ви побачите нову панель з'являється внизу. 

Якась фантастика про цей плагін, що ви також можете створювати файли в папках, які ще не існують. Можливо, вам потрібно створити новий файл scripts.js але ви ще не створили каталог JS.   Це нормально; плагін буде знати, щоб створити папку, якщо її ще не існує. Просто введіть повний шлях до потрібного новий файл, і ви добре йти.

 Давайте створимо новий jQuery.js файл у каталог JS/libs, які ще мають бути створені; опції + команда + Н js/libs/jquery.js збережіть, команда + Shift + Р, "принеси", "один файл", "бібліотека jQuery". Ми зараз, в секундах, створюється дерево каталогів, і скачав останню версію бібліотеки.


9 - Режим Старовинні 

Якщо вони захочуть, ВІМ користувачі можуть легко мігрувати в Sublime текст, завдяки факультативному режимі Вінтаж. Щоб включити його, відредагуйте файл "налаштування за замовчуванням" в меню Налаштування, перейдіть вниз і зніміть "Вінтаж" елемент з масиву ignored_packages. 

 Тепер, натисніть клавішу Escape, і ви перебуваєте в командному режимі! Ви знайдете, що піднесене В. хоткея цілком точний!


10 - Рідні Сніппети 

Кожен сніппети в Sublime текст-це окремий файл, і дозволяє для завершення вкладки і значення за замовчуванням. Щоб створити новий фрагмент, виберіть "інструменти -> новий фрагмент".   В цей новий файл, можна в тег , вставити свій фрагмент. У вас також є можливість виберіть вкладку Trigger і обсяг, який гарантує, що фрагмент доступна тільки з певним типом файлів.

 Збережіть файл .піднесене-розширення snippet, і перевірити його!


11 - Версійний Фрагменти 

 У той час як рідні фрагменти піднесене, безумовно, отримати роботу, для великих фрагментів, я віддаю перевагу скористатися логи на GitHub і контроль версій.

Почніть установку "Гіст" плагін через контрольний пакет. Тепер це дасть нам кілька нових опцій в командній панелі. 

 При спробі створити нову сутність, ви побачите, що спочатку треба надати плагін з вашими обліковими даними GitHub. Я рекомендую вам створити спеціальну обліковий запис, призначену спеціально для ваших фрагментів. Як тільки ви це зробите, укажіть облікові дані і повторіть спробу. Після того як ви створили жменька фрагментів, ви можете перерахувати їх через командну панель, вибравши "суть: відкрити суть". 

 Краща частина є те, що при розвилці існуючих фрагментів через gist.github.com вони автоматично стануть доступні вам в Sublime text - плюс, безкоштовна версія контролю за фрагменти!


12 - Системи Збирання 

 Система складання піднесене дозволяє нам застосовувати комбінації клавіш, які можна передати за допомогою зовнішніх програм, таких, як у CoffeeScript, зухвалість, грунт, і багато іншого. Це означає, а не переходити до терміналу, щоб виконати вашу команду будувати, ви можете зробити те ж саме безпосередньо в Редакторі.

 Давайте використовувати CoffeeScript в якості прикладу, так як це досить популярні в ці дні. Почнемо з створення в CoffeeScript.піднесене-створити файл у "каталозі packages/". Далі вставте наступний код:

 Поки є кілька варіантів, доступних для нас, ми будемо дотримуватися цих трьох зараз. УМК задає команду, яку потрібно виконати, разом з будь-яких аргументів і прапори. a

 У цьому випадку, ми біжимо поточного файлу за допомогою команди у CoffeeScript компілюється. По-друге, шлях необхідний тільки якщо CoffeeScript-це не встановлено на вашому шляху. Як тільки ви зберегли файл, нова опція буде доступна через "інструменти -> система складання". Виберіть "код CoffeeScript," і, тепер, коли ви виконаєте команду "побудувати" з допомогою команди + Б, поточний файл CoffeeScript компілюється! 

Адді Османі має фантастичну статтю про можливості побудови піднесеного тексту. 


13 - Відволікання-Вільне Редагування 

Іноді, нам потрібно відфільтрувати всі додаткові пушок, що попадеться на шляху нашого кодування. Використовувати "відволікання вільний режим", щоб очистити екран, за винятком коду.  Ця опція доступна через меню Вид. Виберіть "введіть відволікання режимі" ќ або використовуйте поєднання клавіш Mac клавіатури, контроль + Шифт + команд + Ф. 


14 - Вид З Висоти Пташиного Польоту 

Одним із виділяється піднесений особливості своєї унікальної бічній панелі, яка пропонує вид з висоти пташиного польоту поточного файлу. Це може бути неймовірно корисно для великих файлів, так як він дозволяє сканувати файл секунд, без ручного прокручування сторінки. 


15 - Декількох Стовпців 

Воліють редагувати декілька файлів в одному вікні? Піднесене пропонує кілька різні думки, в тому числі рядків і стовпців.  Знайдіть вигляд -> макет, щоб переглянути доступні варіанти, і обов'язково запам'ятовувати команди з клавіатури, як ви будете часто використовувати цю функцію! 


16 - відео УСБ розмальовки 

"Живій екрані" плагін є простим, але корисним. Він буде автоматично встановити фон будь-якого кольору значення вашої таблиці стилів, рівну тій, що ви вказали. Звичайно, це невелике зручність, але, тим не менш, це може бути корисно! 


17 - заповнювачі 

В процесі розробки, багато разів, ми поки ще не маємо остаточної контенту для веб-додатки. У цих випадках ми зазвичай використовуємо шаблонний текст і зображення.  При розгляді як часто ми робимо це, не було б розумних, щоб створити купку фрагментів заповнювача? Ну, плагін заповнювач робить саме це! 

Чи потрібен вам тимчасовий образ, кілька "Лорем Ипсум" абзаци або навіть визначення списку манекен текст, то цей модуль ідеально підходить для роботи. 


18 - Відступ Направляючих 

 Дивно рідкісне зручність, знайшли в Notepad++, це відступ направляючих. Іноді, при перегляді масивні файли, це може бути важко, щоб відповідати вм'ятини без трохи допомогти.

 Піднесене відступ керівництва містять корисні пунктирною візуальні виправити.


19 - Проста Настройка 

Піднесене текст іноді критикують, тому що він не пропонує привабливим інтерфейсом для встановлення параметрів конфігурації.   За іронією долі, на думку автора, той факт, що піднесене буквально відображає редагований об'єкт JavaScript-це одне з найважливіших переваг. Це робить процес налаштування параметрів піднесене саме на ваші потреби як можна просто.

 Наприклад, щоб відключити "рекомендації індент" відкрити "за замовчуванням" файл налаштувань, шукайте draw_indent_guides (з Command + I) і встановіть його значення false. Легко! Обов'язково перегляньте всі доступні параметри.


20 - файл-перемикання в мілісекундах 

 Якщо ви все ще посилаючись вручну на бічній панелі, щоб знайти потрібний файл, щоб перейти на, Ви робите це неправильно. Миттєвий піднесене перемикання файл є неймовірним, і це швидше, ніж ви коли-небудь відчували в Редакторі.

Натисніть Command + P, щоб відкрити список всіх файлів в поточному проекті. Тепер ви можете використовувати нечіткий пошук, щоб вибрати файл, який ви хочете перейти.   Потрібен список всіх файлів JavaScript? Тип .Яш. Ви знайдете, що, як ви типу пошуку, піднесений текст, блискавично, перемикаємося на самий верхній файл, який відповідає вашим пошуковим запитом.

 Це найкращий метод для переходу на нові файли. Бічна панель-це крайня міра.


21 Клавіші 

 Піднесене дає нам можливість легко встановити гарячі клавіші для запуску будь-якої команди. У той час як багато інтернет-Прив'язок вже побудований, якщо ви хочете, ви можете змінити їх для ваших потреб.

 Розглянемо обов'язкові для переміщення файлу в інше вікно, при роботі з декількома стовпцями. За замовчуванням, потрібно натиснути комбінацію клавіш Ctrl + shift + 2; однак, це може бути трохи важко запам'ятати. Давайте замість цього зіставлення цього варіанту + 2.

 Хоча ми могли редагувати файл клавіш за замовчуванням, це погана практика, з-за того, що будь-піднесене оновлення скидання налаштувань. Замість цього, краще редагувати користувальницькі прив'язки клавіш файл.

 Не хвилюйтеся, якщо це здається заплутаним, пошук комбінації клавіш за замовчуванням файл, параметри якого потрібно змінити, а потім скопіювати і вставити в код настроюваних гарячих клавіш файл, і оновлення "ключів" відповідно. 


22 - Живий Пошук 

 Коли нам потрібно шукати файл, ми часто вдаємося до виховання "пошук і заміна" панель, яка займає час. Замість того, натисніть Command + I, щоб виконати пошук по поточним файлом. Ви будете вражені, наскільки швидше цей метод.


23 - Згортання Коду 

Природно, піднесеного тексту підтримує багаторівневу згортання коду. Припустимо, що ви працюєте на таблицю стилів, і хочете приховати всі "властивості"; вибрати "правка -> холодна складаний -> згорнути всі", або натисніть Command + до + 1. 

Приємно! Розгорнути всі блоки, натисніть клавішу Command + до + Дж. 

Клавіш може зайняти деякий час, щоб запам'ятати, але це варто зусиль. 


24 - Варіант Розвитку 

Не забувайте, що піднесене Текст 2 активно розробляється. Я рекомендую вам використовувати версію в розробці, доступна на sublimetext.com/dev. Не хвилюйтеся, навіть якщо вони розроблюваної версії, ви будете рідко зустріти якісь помилки. 


25 - Миттєве Вирівнювання 

 Плагін вирівнювання за заповітом облігацій, миттєво налаштувати ваш код, щоб зробити більш красиво виклав код. В основному, як правило, використовується, щоб гарантувати, що знак рівності =, для присвоєння змінних лінію.

 Встановлені через контрольний пакет, плагін вирівнювання може бути активована вибраний відповідний шматок коду, і натисніть Ctrl + Шифт + а.

По суті, плагін буде переводити: 

В: 

Проста, але корисна! 


Заключні Думки 

 Зрозуміло, існує багато секретів і прийомів, які в піднесене Текст 2, але цей список допоможе вам почати! Якщо ви хочете дізнатися більше про цю фантастичну редактор, обов'язково зверніться до нашого майбутнього курс: "ідеальний документообіг в піднесене Текст 2."

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.