як актываваць Atom Live Server -
адказ 1:
Пакеты агульнага прызначэння для Atom:
- atom-like-brackets-editor - даведайцеся, дзе пачынаюцца і заканчваюцца вашы фігурныя дужкі "{}", "" (")", проста націскаючы на іх.
- atom-beautify - упрыгожыць HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C ++, C #, Objective-C, CoffeeScript, TypeScript і SQL у Atom
- atom-live-server - запусціце HTTP-сервер з магчымасцю livereload.
- browser-plus - дазваляе запусціць вэб-браўзэр у Atom на новай укладцы
- clipboard-autocomplete - Атрымайце лёгка тэкст з буфера абмену, выкарыстоўваючы "cp" у вашым рэдагаванні!
- file-icons - прысвойвае файлам значкі і колеры пашырэння файлаў для паляпшэння візуальнага захопу
- памер файла - адлюстроўвае памер бягучага файла ў радку стану
- file-watcher - Аглядальнік адкрытых файлаў для Atom, які запрасіць, калі файл на дыску зменіцца.
- git-clone - хутка git clone рэпа і адкрыць яго ў новым акне атама
- git-plus - дазваляе здзяйсняць дзеянні git, не заходзячы ў тэрмінал
- git-machine-time - візуальна ўзаемадзейнічае з гісторыяй здзяйснення git для файла
- вылучыць радок - вылучае бягучы радок у рэдактары
- вылучана вылучэнне - пры падвойным націску слова яно вылучае іншыя выпадкі гэтага слова ў файле. (гэты пакет з абраным мінімапам-вылучэннем дзіўны)
- скачкі - стварае дынамічныя гарачыя клавішы для пераходу вакол файлаў праз бачныя панэлі.
- linter - базавы лінер для Atom. Вы ўсталёўваеце іншыя пакеты linter па-над гэтым. Шукайце іншыя пакеты лінтэра, перад якімі стаіць слова "linter". Напрыклад: linter-jshint, linter-csslint, linter-jsonlint, linter-ruby, linter-pylint
- мясцовая гісторыя - ШТО РАЗ ЗБЕРАГАЎ МЯНЕ, КАЛІ ГІТ НЕ БЫЎ! вядзе гісторыю вашых змен у файлах кода. Падумайце пра гісторыю рэдакцый Google Doc. Сапраўды магутны, калі вы забыліся нешта здзейсніць альбо выкарыстаць Git.
- maybs-quit - мадальнае пацверджанне перад выхадам, каб прадухіліць выпадковае закрыццё рэдактара з дапамогай клавіш [CMD-Q].
- зліццё-канфлікты - дазваляе вырашаць git-канфлікты ў Atom
- мінімапа - папярэдні прагляд поўнага зыходнага кода (напрыклад, Sublime Text). УВАГА: астатнія пакеты міні-карт ніжэй спадзяюцца на ўстаноўку міні-карты. На маю думку, гэтыя пакеты, якія выкарыстоўваюцца разам, ствараюць магутны досвед рэдагавання.
- minimap-cursorline - адлюстроўвае курсавую лінію Atom на міні-карце
- minimap-find-and-replace - паказаць вынікі пошуку і замены пакета ў minimap
- minimap-highlight-selected - адлюстроўвае ваш выбар на мінімапе. ⚠ патрабуецца выбраць вылучаны пакет.
- мінімапа-выбар - вылучае ўваходжанне абранага слова ў мінімапе. Гэта цудоўны спосаб зірнуць, колькі выпадкаў і дзе яны знаходзяцца ў файле!
- minimap-git-diff - паказаць змены git на міні-карце (зялёны = даданне, жоўты = змена, чырвоны = выдаленне). Выдатна падыходзіць для хуткага прагляду раздзелаў, якія вы змянілі ў вялікіх файлах!
- open-in-browser - дадае "Адкрыць у браўзэры" да палітры каманд і меню націску опцый
- open-terminal-here - дадае "Адкрыць тэрмінал тут" у палітру каманд і меню націску опцыі
- package-manager-commands - адключыць / уключыць пакеты з палітры каманд (напрыклад, Sublime Text).
- package-settings - хутка адкрыць панэль налад для пэўнага пакета (напрыклад, Sublime Text)
- pane-layout-plus - дазваляе ствараць некалькі панэляў у рэдактары (напрыклад, узнёслы тэкст)
- скрыпт - дазваляе запускаць розныя файлы сцэнарыяў у Atom. Падтрымлівае сцэнарыі JavaScript, CoffeeScript, Ruby, Python, Go, Bash і PowerShell. Вы можаце дадаць яшчэ!
- set-syntax - стварае простыя каманды Command Palette для наладжвання сінтаксісу бягучага файла (ідэнтычная каманда ўсталявання сінтаксісу з узнёслага)
- swackets - лягчэй даведацца, наколькі вы ўкладзены ў функцыі, умоўныя выказванні
- sync-settings - сінхранізаваць налады пакета, карту клавіятуры і ўсталяваныя пакеты
- tree-view-autoresize - Аўтаматызаваць памер дрэва пры адкрыцці / закрыцці тэчак
- tree-view-git-status - хутка прагледзьце статус вашага сховішча Git у выглядзе дрэва Atom.
- platformio-ide-terminal- дазваляе запускаць некалькі тэрмінальных сеансаў у рэдактары Atom (падтрымлівае іншыя абалонкі, такія як zsh і г.д.)
- rest-client - просты REST-кліент для вашага любімага рэдактара (падумайце пра Postman, але ў вашым рэдактары)
- wakatime - Fitbit для праграмістаў. Атрымайце аўтаматызаваныя паказчыкі і інфармацыю пра сваё праграмаванне.
Пакеты інтэрфейсу / Інтэрнэту, звязаныя з Atom:
- atom-json-color - колер JSON з колерам на ўзровень
- аўта-id-клас
- autoclose-html - аўтаматызуе закрыццё тэгаў HTML
- autoprefixer - аўтаперафікс вашых файлаў CSS і SCSS
- падбор колеру - выводзіць інтэрактыўны падбор колеру знутры Atom
- css-clean - прыгожа сартуе і выраўноўвае CSS і SASS
- css-specificity - паказвае спецыфічнасць селектараў у CSS-файле ў Atom
- docblockr - робіць напісанне каментарыяў да кода JavaScript простым!
- emmet - забяспечвае цэтлікі для стварэння элементаў, дадання атрыбутаў і значэнняў і шмат іншага пры працы з файламі HTML і CSS
- livestyle-atom - інструмент двухбаковага рэдагавання ў рэжыме рэальнага часу для CSS, LESS і SCSS
- пігменты - адлюстроўваць колеры ў праекце і файлах.
- es6-javascript - фрагменты JavaScript для павышэння прадукцыйнасці
Наяўнасць усіх гэтых пакетаў запавольвае працу вашага рэдактара?
- Не, я не адчуваю запаволення. Людзі з круцячыміся дыскамі (HDD) і меншай колькасцю аператыўнай памяці могуць, але калі ў вас больш за 4 ГБ аператыўнай памяці і цвёрдацельны цвёрды дыск (SSD), ваша хуткасць павінна быць хуткай.
- Atom - рэдактар barebones, карыстальнік павінен дадаць дадатковую функцыянальнасць, усталяваўшы пакеты
- Я на самой справе выкарыстоўваю ўсе гэтыя пакеты. Шмат гэтых пакетаў прыўносіць у Atom функцыі іншых рэдактараў, такіх як Sublime, VScode і г.д.
- Мой тэкставы рэдактар падобны да маёй машыны, мне падабаецца поўнафункцыянальны і гатовы да пракаткі.
- Большасць згаданых вышэй пакетаў рэдактара Atom вы можаце ўбачыць у зробленым мной відэа на YouTube: Рэдактар Atom - агляд і звод галоўных пакетаў
Чаму вы выкарыстоўваеце так шмат пакетаў?
Дэманстрацыя:
Запіс у блогу з пералікам выкарыстаных пакетаў:
Рэдактар Atom: Агляд і звод пакетаўадказ 2:
мінімальная карта атама:

выбрана вылучэнне:

абраная мінімапа-вылучэнне:

вылучыць слупок:

менеджэр праекта:

атам-упрыгожыць:

значкі файлаў:

падбор колеру:

Савет: Некаторыя ўбудовы сапраўды могуць запаволіць атам. Калі вы адчуваеце, што atom працуе павольна, паглядзіце Package-> Timecop, каб убачыць, ці запавольвае ўбудова атам.

адказ 3:
Выдатны спіс тут:
mehcode / awesome-atomУ тым ліку і ў Алгаліі
Імпарт модуля аўтазапаўнення.
Больш падрабязна пра гэта тут:
https://blog.algolia.com/atom-plugin-install-npm-module/Апублікавана 11-09-2020