jak aktivovat atom live server


Odpověď 1:

Obecné balíčky pro atom:

  • editor atomových závorek - podívejte se, kde vaše složené závorky „{}“, parens „()“ začínají a končí tím, že se jich kurzor jednoduše dotkne.
  • atom-beautify - zkrášlení HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C ++, C #, Objective-C, CoffeeScript, TypeScript a SQL v Atomu
  • atom-live-server - spustit server http s možností živého načítání.
  • browser-plus - umožňuje spustit webový prohlížeč v rámci Atom na nové kartě
  • clipboard-autocomplete - Získejte snadno text ze schránky pomocí 'cp' ve vašem editoru!
  • file-icons - přiřadí souborům ikony a barvy pro lepší vizuální grep
  • velikost souboru - zobrazí na stavovém řádku velikost aktuálního souboru
  • file-watcher - Otevřený sledovač souborů pro Atom, který vás vyzve, když se změní soubor na disku.
  • git-clone - rychle git naklonujte repo a otevřete v novém okně atomu
  • git-plus - umožňuje provádět akce git bez nutnosti přecházet na terminál
  • git-time-machine - vizuálně komunikovat s historií git potvrzení souboru
  • highlight-line - zvýrazní aktuální řádek v editoru
  • zvýraznění - při dvojitém kliknutí na slovo zvýrazní další výskyty daného slova v souboru. (tento balíček s vybranou minimapou-zvýrazněním je úžasný)
  • jumpy - vytváří dynamické klávesové zkratky pro skok kolem souborů přes viditelné podokna.
  • linter - základní linter pro Atom. Kromě toho nainstalujete další balíčky linteru. Vyhledejte další balíčky linter s předponou se slovem „linter“. Příklad: linter-jshint, linter-csslint, linter-jsonlint, linter-ruby, linter-pylint
  • místní historie - ZACHRÁNIL MĚ MNOHO ČASŮ, KDYŽ GIT DIDNT udržuje historii vašich změn v souborech kódu. Přemýšlejte o historii revizí Google Doc. Opravdu silný, když jste zapomněli něco spáchat nebo použít Git.
  • maybs-quit - modální potvrzení před ukončením, aby se zabránilo náhodnému zavření editoru pomocí kláves [CMD-Q].
  • merge-konflikty - umožňuje řešit konflikty git v rámci Atom
  • minimapa - Náhled celého zdrojového kódu (například Sublime Text). POZNÁMKA: další balíčky mini-map níže se spoléhají na nainstalovanou minimapu. Tyto balíčky používané společně vytvářejí podle mého názoru silný editační zážitek.
  • minimap-cursorline - Zobrazuje kurzor Atom na minimapě
  • minimap-find-and-replace - zobrazí výsledky hledání a nahrazení balíků v minimapě
  • minimap-highlight-selected - zobrazí váš výběr na minimapě. ⚠ je vyžadován vybraný balíček.
  • minimapa výběr - zvýrazní výskyty aktuálně vybraného slova v minimapě. Jedná se o úžasný způsob, jak zjistit, kolik výskytů je a kde se v souboru nacházejí!
  • minimap-git-diff - zobrazí změny git na mini mapě (zelená = přidání, žlutá = změna, červená = odstranění). Skvělé pro rychlé prohlížení sekcí, které jste změnili ve velkých souborech!
  • open-in-browser - přidá do palety příkazů možnost „Otevřít v prohlížeči“ a nabídku možností
  • open-terminal-here - přidá "Otevřít terminál zde" do palety příkazů a nabídky s možností volby
  • package-manager-commands - deaktivuje / povolí balíčky z palety příkazů (například Sublime Text).
  • balíček-nastavení - rychle otevřete podokno nastavení pro konkrétní balíček (například Sublime Text)
  • pane-layout-plus - umožňuje v editoru vytvořit více oken (jako vznešený text)
  • skript - umožňuje spouštět různé soubory skriptů uvnitř Atomu. Podporuje skripty JavaScript, CoffeeScript, Ruby, Python, Go, Bash a PowerShell. Můžete přidat další!
  • set-syntax - vytváří snadné příkazy palety příkazů pro nastavení syntaxe aktuálního souboru (stejný příkaz syntaxe sady od sublime)
  • swackets - usnadňuje zjištění, jak jste vnořeni uvnitř funkcí, podmíněných příkazů
  • sync-settings - synchronizuje nastavení balíčků, mapu kláves a nainstalované balíčky
  • tree-view-autoresize - Automatická změna velikosti stromového zobrazení při otevírání / zavírání složek
  • tree-view-git-status - rychlý pohled na stav vašeho úložiště Git ve stromovém zobrazení Atom.
  • platformio-ide-terminal- umožňuje spouštět více relací terminálu z editoru Atom (podporuje další skořápky, například zsh atd.)
  • rest-client - jednoduchý klient REST pro vašeho oblíbeného editora (myslete na Postmana, ale v editoru)
  • wakatime - Fitbit pro programátory. Získejte automatizované metriky a statistiky o vašem programování.

Balíčky související s frontendem / webem pro Atom:

  • atom-json-color - barva JSON s barvou na úrovni
  • třída auto-id
  • autoclose-html - automatizuje uzavírání značek HTML
  • autoprefixer - autoprefixer vašich souborů CSS a SCSS
  • výběr barev - přináší interaktivní výběr barev z prostředí Atom
  • css-clean - krásně seřadí a zarovná CSS a SASS
  • css-specificity - zobrazuje specifičnost selektorů v souboru CSS v Atomu
  • docblockr - psaní komentářů ke kódu javascript je hračkou!
  • emmet - poskytuje zkratky pro vytváření prvků, přidávání atributů a hodnot a další při práci se soubory HTML a CSS
  • livestyle-atom - obousměrný editační nástroj v reálném čase pro CSS, LESS a SCSS
  • pigmenty - zobrazení barev v projektu a souborech.
  • es6-javascript - fragmenty javascript pro produktivitu vývoje

Zpomaluje váš editor všechny tyto balíčky?

  • Ne, necítil jsem žádné zpomalení. Lidé s pevnými disky s pevným diskem (HDD) a menší pamětí RAM by mohli, ale pokud máte více než 4 GB RAM a pevný disk (SSD), vaše rychlost by měla být rychlá.
  • Proč používáte tolik balíčků?

    • Atom je editor barebones, je na uživateli, aby přidal další funkce instalací balíčků
    • Ve skutečnosti používám všechny tyto balíčky. Spousta těchto balíčků přináší funkce od jiných editorů do Atomu, jako je Sublime, VScode atd.
    • Můj textový editor je jako moje auto, líbí se mi plně vybavené a připravené k jízdě.

    Ukázka:

    • Většinu balíčků editoru Atom, které jsem zmínil výše, můžete vidět ve videu YouTube, které jsem vytvořil: Atom Editor - Overview and Top Packages Roundup
    • Blogový příspěvek se seznamem použitých balíčků:

      Atom Editor: Overview & Package Roundup

Odpověď 2:

atomová minimapa:

vybráno zvýraznění:

vybraná minimapa:

sloupec zvýraznění:

projektový manažer:

atom-beautify:

ikony souborů:

výběr barvy:

Tip: Některé doplňky mohou opravdu zpomalit atom. Pokud máte pocit, že atom je pomalý, podívejte se na Packages-> Timecop, abyste zjistili, zda plugin zpomaluje atom.