як актываваць 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/