Atom Text Editor Tutorial

Atom Text Editor Tutorial



Atom je bezplatný a veřejně přístupný editor zdrojových kódů. Je podporován systémy macOS, Linux a Microsoft Windows. Není to jen jednoduchý textový editor. Má vše, co by vývojářům udělalo den. V souladu se svým slovem je to a hacknutelný textový editor s podporou tisíců open source balíčků, které do něj přidají všechny požadované vlastní funkce a funkce. Můžete si také vytvořit balíček sami a poskytnout jej komunitě Atom k použití. Jeho uživatelské rozhraní lze také přizpůsobit pomocí předinstalovaných čtyř uživatelských rozhraní a osmi syntaxových témat v tmavých i světlých barvách, a pokud stále nemůžete najít esteticky příjemné podle svých představ, můžete si kdykoli nainstalovat témata vytvořená komunitou ATOM nebo si vytvořit vlastní. Mezi další funkce patří více podoken, inteligentní automatické doplňování a v zásadě je jeho výchozí nastavení tak dobré, že si tuto věc můžete stáhnout a okamžitě začít pracovat.

Jedna vynikající funkce, kterou atom podporuje, je Git a GitHub. Můžeš







  • vytvořit nové větve
  • fáze a zavázat se
  • Tam
  • Sem
  • vyřešit sloučení konfliktů
  • zobrazit žádosti o stažení a mnoho dalšího, vše z vašeho editoru


Balíček GitHub je již součástí Atom, takže můžete začít hned.



Jedinou nevýhodou textového editoru Atom je to, že může být znatelně pomalý a nemůže být velmi dobrý pro těžké soubory, protože to po většinu času zpomaluje jeho výkon.



V tomto článku budeme diskutovat nejen o tom, jak nainstalovat Atom, ale také o tom, jak instalovat balíčky a fungování textového editoru Atom.





Krok za krokem Instalace Atom Editoru

Za prvé, budete muset přejít na oficiální web editoru Atom pomocí tohoto odkaz . Zobrazí se vám následující stránka.



Klikněte na „Stáhnout .deb“ a uložte soubor na požadované místo, pro mě je to „Stahování“.

Po uložení souboru. Otevřete terminál a spusťte následující příkaz k instalaci balíčku.

Spustí se instalační proces.

Atom můžete také nainstalovat pomocí Snap. Aby to ale fungovalo, ujistěte se, že je ve vašem systému nainstalován modul snap. Chcete -li nainstalovat pomocí snapu, použijte následující příkaz

Jakmile je instalace dokončena, spusťte Atom. Zobrazí se následující.

Průvodce instalací balíčků v editoru Atom

Jak jsme diskutovali, editor Atom je známý svou schopností přizpůsobit se požadavkům uživatele. Chcete -li to provést, postupujte podle uvedených kroků

Klikněte na tlačítko „Upravit“ na panelu nabídek a přejděte na předvolby

Klikněte na „Předvolby“, zobrazí se následující obrazovka

Nyní přejděte na „Instalovat“ a klikněte na něj. Objevilo by se vyhledávací pole. Napište název balíčku. Váš požadovaný balíček bude nainstalován do ‘/home/zoe/.atom/packages‘.

Jak vybrat text, zkopírovat text a vložit text?

Pro kopírování, formátování, mazání a přesouvání je vyžadován výběr textu. Téměř všechny úlohy úprav a formátování začínají výběrem něčeho. Nejjednodušší způsob, jak vybrat text, je stisknutím ‘ Posun' + ‘ '

Pro kopírování textu použijte 'Ctrl'+ 'Vložit'

Chcete -li vyjmout text, klepněte na „Shift“ +„Odstranit“

A pro vložení textu použijte „Shift“ + „Vložit“

Jak používat „automatické vyplňování“ v Atomu?

Automatické doplňování neboli doplňování slov je funkce, kterou zná každý, protože ji podporuje téměř každé zařízení a často se na ni spoléháme. Definice učebnice by byla „aplikace předpovídá zbytek slova, které uživatel píše“. Funguje to pro Atom jako pro jakoukoli aplikaci, uživatel obvykle zadá několik znaků a aplikace navrhne klíčová slova.

Příklad je uveden na obrázku níže

Jak vytvářet a používat úryvky?

Atom má vynikající funkci „integrované úryvky kódu“. Je třeba poznamenat, že Atom vám zobrazuje pouze úryvky pro konkrétní rozsah, pro který kódujete. Pokud například pracujete na souboru s příponou .html, budou pro tento soubor k dispozici pouze úryvky patřící do HTML.

Chcete -li zkontrolovat aktuální úryvky všech úryvků, klikněte na „Balíčky“ a poté vyberte „Úryvky“

Výběrem úryvku z rozevíracího seznamu Atom vloží celý úryvek do editoru bez dalších okolků. Níže uvedené screenshoty ukazují obrazovku pro výběr „todo“

Vytvoření nového úryvku

K vytvoření jednořádkového fragmentu kódu musíte přidat do souboru snippets.cson

  • rozsah
  • název
  • předpona
  • tělo úryvku

Následuje příklad jeho syntaxe.

Příklad

Na výše uvedeném snímku obrazovky děláme to, že vytváříme úryvek, který přidá

tag s třídou ‘custom-title’ do rozsahu HTML.

Nyní po zadání výše uvedeného příkladu uložte konfigurační soubor. Od této chvíle, kdykoli zadáte předponu a kliknete na klávesu Tab, editor vloží tělo úryvku. Všimněte si, že pole výsledků automatického doplňování zobrazuje název úryvku.

Víceřádkové fragmenty kódu jsou stejné jako u řádkových, ale používají trochu jinou syntaxi. Použitá data by byla stejná.

Zde je však rozdíl v tom, že tělo úryvku bude obklopeno třemi dvojitými uvozovkami, tj.

V snippets.cson musí mít úryvek přidanou tečku/tečku na začátku tohoto řetězce. Mezi běžné obory webového jazyka patří:

Hledat a nahradit

Hledání a nahrazování textu v souboru nebo projektu je v Atomu rychlé a snadné. Následují použité příkazy.

„Ctrl“+„F“ - Tento příkaz bude hledat v souboru.

'Ctrl'+'Shift'+'F' - Tento příkaz prohledá celý projekt.

Použitím některého z těchto příkazů uvidíte na panelu ve spodní části obrazovky následující uživatelské rozhraní.

Chcete -li hledat v aktuální vyrovnávací paměti,

  • stiskneš ‘ Ctrl ‘+‘ F ’ ,
  • zadejte vyhledávací řetězec a stiskněte Enter
  • pokračujte v hledání v tomto souboru stisknutím klávesy „F3“.
  • „Alt“ + „Enter“ najde všechny výskyty vyhledávacího řetězce

Pokud do pole Nahradit textové pole zadáte řetězec, nahradí text textem řetězce.

Jak pracovat s více podokny?

Podokno editoru lze rozdělit na vodorovné zarovnání nebo svislé zarovnání. Za tu akci,

  • Použijte Ctrl + K + ↑
  • Použijte Ctrl + K + ↓
  • Použijte Ctrl + K + ←
  • Použijte Ctrl + K + →

Klávesa směru ukazuje směr, ve kterém chcete rozdělit podokno. Jakmile rozdělíte podokna, můžete se mezi nimi pohybovat pomocí výše uvedených příkazů, a to se zaměří na příslušné podokno.

Níže uvedený příklad pro rozdělení obrazovky ve výše uvedeném směru.

Zvýraznění syntaxe pro python

Aby to fungovalo, nejprve se ujistěte, že máte povolený balíček „Langauge-python“. Poté otevřete soubor pythonu, například zde používám ‚demo.PY‘.

Všimli jste si, že je zvýrazněna syntaxe, a tím se zlepšila čitelnost textu; zvláště u kódů, které by mohly zahrnovat několik stránek. Níže je uveden příklad,

Stěhování v Atomu

I když je snadné se v Atomu pohybovat, vždy budete potřebovat pomoc ohledně klávesových zkratek, které vám ušetří spoustu času. Tady je odkaz pro nejběžnější pohyby v Atomu spolu s dalšími úžasnými zkratkami.

Git a GitHub s Atomem

Pro operace Git nemusíte nic dalšího instalovat. Atom ve výchozím nastavení obsahuje integraci pro git. Atom se skládá ze dvou karet, záložka jedna pro Git a karta dvě pro GitHub.

Jedním ze způsobů, jak se k nim můžeme dostat, je buďto kliknutím na Pohled' a výběr Přepnout kartu Git / Přepnout kartu GitHub nabídky v horním panelu nabídek. Další alternativou jsou klávesové zkratky.

  • Přejít na kartu: Ctrl ‘ +‘ Shift ’ +‘ 9 ’
  • Karta GitHub: „ Ctrl ‘ +‘ Shift ’ +‘ 8 ’

Chcete -li vytvořit nové úložiště, klikněte na tlačítko „Vytvořit úložiště“, zadejte název úložiště a poté klikněte na tlačítko „Inicializovat“.

A to byl proces inicializace vašeho úložiště git.

Nyní si tedy všimnete uživatelského rozhraní, jako je následující

The zinscenovaný a nezinscenovaný změny jsou zobrazeny pod sebou na straně obrazovky, lze také provést a spáchat kdykoliv.

Takhle Atom editor usnadňuje vývojářům a stává se užitečným uživatelským zážitkem. Tento článek vám poskytl přehled o tom, jak skvělý může být editor Atom se všemi jeho funkcemi, které přinesly odhalení mezi programovací komunitou. Děkujeme za přečtení tohoto článku.