как да активирам атомния сървър на живо -


Отговор 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 клониране на репо и отваряне в нов прозорец на атома
  • git-plus - позволява ви да извършвате git действия, без да отивате до терминала
  • git-time-machine - визуално взаимодейства с историята на git commit за файл
  • подчертаваща линия - подчертава текущия ред в редактора
  • подчертано избрано - когато щракнете двукратно върху дума, тя подчертава други случаи на появата на тази дума във файл. (този пакет с minimap-highlight-selected е страхотен)
  • jumpy - създава динамични клавишни комбинации за прескачане на файлове през видими панели.
  • linter - основен линт за Atom. Върху това инсталирате други линтер пакети. Потърсете други линтер пакети с префикс с думата „линтер“ пред него. Пример: linter-jshint, linter-csslint, linter-jsonlint, linter-ruby, linter-pylint
  • местна история - СПАСИХИ МНОГО ПЪТИ, КОГАТО GIT НЕ СЕ! поддържа история на вашите промени в кодовите файлове. Помислете за историята на редакциите на Google Doc. Наистина мощно, когато сте забравили да извършите нещо или да използвате Git.
  • maybs-quit - модално потвърждение преди излизане, за да се предотврати случайно затваряне на редактора с клавишите [CMD-Q].
  • merge-конфликти - позволява ви да разрешите git конфликти в Atom
  • minimap - Преглед на пълния изходен код (като Sublime Text). ЗАБЕЛЕЖКА: другите пакети с мини-карти по-долу разчитат на инсталиране на минимапа. Тези пакети, използвани заедно, създават мощен опит за редактиране, според мен.
  • minimap-cursorline - Показва Atom курсора в minimap
  • minimap-find-and-replace - покажете резултатите от пакета за намиране и замяна в minimap
  • minimap-highlight-selected - показва вашата селекция в minimap. Required изисква се пакет с избрано открояване.
  • minimap-selection - подчертава появата на текущо избрана дума в minimap. Това е страхотен начин да погледнете колко събития има и къде се намират във файла!
  • minimap-git-diff - показва git промени в мини картата (зелено = добавяне, жълто = промяна, червено = изтриване). Страхотно за бързо разглеждане на раздели, които сте променили в големи файлове!
  • отворен в браузъра - добавя „Отваряне в браузъра“ към командната палитра и менюто за щракване върху опция
  • open-terminal-here - добавя "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 за задаване на синтаксиса на текущия файл (идентична команда за задаване на синтаксис от sublime)
  • суакети - улеснява да разберете колко сте вложени в функции, условни изрази
  • sync-settings - синхронизира настройките на пакета, клавишната карта и инсталираните пакети
  • tree-view-autoresize - Автоматизирайте размера на дървовидния изглед при отваряне / затваряне на папки
  • tree-view-git-status - бързо прегледайте състоянието на вашето хранилище в Git в дървовидния изглед на Atom.
  • platformio-ide-terminal - позволява ви да стартирате множество терминални сесии от редактора на Atom (поддържа други черупки като zsh и т.н.)
  • rest-client - прост REST клиент за вашия любим редактор (помислете за Postman, но в редактора)
  • wakatime - Fitbit за програмисти. Получете автоматизирани показатели и прозрения за вашето програмиране.

Пакети за Atom от Frontend / Web:

  • atom-json-color - цвят JSON с цвят на ниво
  • auto-id-class
  • 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) и по-малко RAM може да са, но ако имате над 4 GB RAM и твърд диск (SSD), скоростите ви трябва да са бързи.
  • Защо използвате толкова много пакети?

    • Atom е barebones редактор, от потребителя зависи да добави допълнителна функционалност чрез инсталиране на пакети
    • Всъщност използвам всички тези пакети. Много от тези пакети внасят функционалност от други редактори в Atom като Sublime, VScode и др.
    • Моят текстов редактор е като моята кола, харесва ми напълно функционален и готов за пускане.

    Демонстрация:

    • Можете да видите повечето от пакетите на Atom Editor, които споменах по-горе, във видеото в YouTube, което направих: Atom Editor - Общ преглед и обзор на най-добрите пакети
    • Публикация в блога, в която са изброени използваните пакети:

      Atom Editor: Общ преглед и обзор на пакетите

Отговор 2:

атом-минимапа:

подчертано избрано:

minimap-highlight-selected:

подчертайте колона:

Ръководител проект:

атом-разкрасявам:

икони на файлове:

средство за избиране на цвят:

Съвет: Някои приставки наистина могат да забавят атома. Ако смятате, че атомът е бавен, погледнете Packages-> Timecop, за да видите дали приставката забавя атома.


Отговор 3:

Страхотен списък тук:

mehcode / awesome-atom

Включително тази на Алголия

Импортиране на модул за автоматично довършване

.

Повече за това тук:

https://blog.algolia.com/atom-plugin-install-npm-module/