🟢Atom - Випуск #1 / Плагіни що зберігають ваш Час.

in QUAC4 years ago (edited)

Ви любите кодувати або ж на шляху до цього, якщо ви користуєтесь текстовим редактором Atom.io , то думаю цей допис буде вам корисний.

captured.gif

Плагіни (додаткові пакети) для редактора Atom, які полегшать ваше кодування та пришвидшить його швидкість написання. Цінуйте ваш час, він вартує більшого!

Зазначу, встановинити їх можна відразу з додатку в меню: File➡Settings➡Install
image.png

34upym.png

Перший плагін Emmet

image.png

Цей плагін (пакунок) корисний для таких синтаксисів HTML, CSS, Sass / SCSS та LESS. Якщо погратись з їхньою мапою keymap.cson, то можна зробити й під свою мову. Багато розповідати про нього не буду, але покажу на прикладі, як працює:

Пишемо звичайний код HTML:
Пишемо знак ! та натискаємо TAB, ми отримуємо структуру для HTML⤵

ezgif_2_39d825651446.gif

Або ще кращий приклад пишете НазваТегу.НазвуКласу, потім знову тиснете TAB, й отримуємо готовий приклад div тег з названим класом.

ezgif_2_4b9eeb01a32b.gif

Ще можна так: НазваТегу#НазваID*Кількість, після тиснемо TAB. Більше можна дізнатись в описі плагіну (пакету).

33atom.gif

Наступний плагін Аtom-Beautify

image.png

Аtom-Beautify - цей плагін створений для покращення читабельності коду. Працює з такими мовами: HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL та іншими мовами в Atom.
Приклад роботи у JavaScript, шматочок стиснутого коду js:

Мої дії: Виділяю потрібний код та тисну розділ Packages➡Аtom-Beautify➡Beautify або ж комбінацією CTRL+ALT+B

atom_b.gif

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

tf4yiy.png


Дякую за вашу увагу, не забувайте про мої соціальні мережі. Буду вдячний за підписку на них, ваш С21С (Солдат 21-го Століття).
btq1w1.png
6d23rb.png y099mp.png slc2a6.png 3l85r2.png

Sort:  

Yay! 🤗
Your post has been boosted with Ecency Points.
Continue earning Points just by using https://ecency.com, every action is rewarded (being online, posting, commenting, reblog, vote and more).

Support Ecency, check our proposal:
Ecency: https://ecency.com/proposals/141
Hivesigner: Vote for Proposal

Але ж він ненажерливий до ресурсів той Atom

Ти про які ресурси говориш? Оперативну пам'ять?
Яким ти користуєшся?😊

Від’їдає чималенько пам’яті. Ось на скріні кілька його процесів, що сумарно споживають більше 500 мегабайт. І це при тому, що не відкрито жодного файлу і окрім базових плагінів увімкнено лише п’ять додаткових плагінів.
atom_memory.png

Хоча це й не дивно для програм на електроні та жаваскрипті. А я користуються стандартним текстовим редактором стільниці та Саблаймом.

Congratulations @c21c! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :

You received more than 2000 as payout for your posts. Your next target is to reach a total payout of 3000

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP