Přejít na hlavní obsah

Jak nastavit js v Sublime: podrobný průvodce

  • Marek Šmíd
  • Rady

Sublime Text je jedním z nejpopulárnějších editorů kódu mezi vývojáři. Nabízí širokou funkčnost a snadné použití. Pokud pracujete s JavaScriptem, bude se vám hodit nastavit Sublime Text pro pohodlný a efektivní vývoj.

V této podrobné příručce vám řekneme, jak nastavit Sublime Text pro práci s JavaScriptem. Dozvíte se o důležitých pluginech, nastavení a tipech, které vám pomohou zlepšit výkon a pohodlí při práci s tímto programovacím jazykem. Budeme také mluvit o některých funkcích a dobrých praktikách práce s JavaScriptem v Sublime Text.

Pokud tedy chcete, aby byl vývoj v jazyce JavaScript produktivnější a pohodlnější, nenechte si tuto příručku ujít. Začněme a Naučme se, jak nastavit js v Sublime Text!

Konfigurace JS v Sublime: podrobný průvodce

Krok 1: Instalace Sublime Text.

Prvním krokem k nastavení JS v Sublime Text bude instalace samotného editoru. Můžete si jej stáhnout z oficiálních stránek sublimetext.com. pro váš operační systém vyberte příslušnou verzi a postupujte podle pokynů na obrazovce pro instalaci.

Krok 2: Instalace dávkového Správce.

Po instalaci Sublime Text je nutné nainstalovat Package Control, dávkový správce, který výrazně usnadní instalaci a správu dalších balíčků.

Chcete-li nainstalovat Package Control:

  1. Otevřete Sublime Text a stiskněte klávesu Ctrl + \` (reverzní apostrof) pro otevření konzole.
  2. Скопируйте и вставьте следующий код в консоль:

import urllib.request, os, hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = ' řízení balíčku.sublime-package'; ipp = sublime.installed_packages_path (); urllib.žádost.install_opener (urllib.žádost.build_opener (urllib.žádost.ProxyHandler ())); by = urllib. request. urlopen('http://packagecontrol.io /' + pf.nahradit(' ', '%20')).read (); DH = hashlib.sha256 (podle).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join(ipp, pf), 'wb').write(by)

Po provedení tohoto kódu bude Package Control nainstalován a připraven k použití.

Krok 3: instalace pluginu pro JavaScript.

Nyní, když máte nainstalovaný Package Control, můžete snadno nainstalovat plugin pro JavaScript. Chcete-li to provést, postupujte takto:

  1. Stiskněte Ctrl + Shift + P Chcete-li otevřít paletu příkazů.
  2. Zadejte "Package Control: Install Package" a vyberte jej z rozevíracího seznamu.
  3. Zadejte "JavaScript" a vyberte jej ze seznamu rozbalovacích balíčků.

Krok 4: konfigurace typu souboru a automatického doplňování.

Nyní, když je nainstalován plugin JavaScript, je možné nakonfigurovat typ souboru a automatické doplňování pro JS.

  1. Otevřete soubor s příponou .js v Sublime Text.
  2. Dole v pravém rohu okna Sublime Text by mělo být uvedeno aktuální Kódování A typ souboru. Ujistěte se, že typ souboru je uveden jako JavaScript.
  3. Kromě toho můžete automatické vyplňování aktivovat nastavením příslušné možnosti v nabídce "View -> Auto Complete".

Gratuluji! Nyní jste připraveni použít Sublime Text k vývoji kódu JavaScript.

Instalace a konfigurace Sublime Text

Krok 1: Instalace Sublime Text

Prvním krokem je stažení a instalace Sublime Text do počítače. Navštivte oficiální stránky Sublime Text a podle pokynů stáhněte a nainstalujte editor.

Krok 2: Instalace balíčku pro správu balíčků

Sublime Text podporuje balíčky třetích stran, které rozšiřují jeho funkčnost. Balíček Control Package Manager (Package Control) vám umožňuje pohodlně spravovat balíčky, včetně instalace a aktualizace. Chcete-li nainstalovat Package Control, postupujte takto:

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace( ' ', '%20' )).read(); dh = hashlib.sha256( by ).hexdigest(); print( 'Error validating download (got %s instead of %s), please try manual install' % ( dh, h ) if dh != h else open( os.path.join( ipp, pf), 'wb' ).write( by ) )

Krok 3: Instalace balíčku pro práci s JavaScriptem

Po instalaci Package Control je možné nainstalovat balíček pro práci s JavaScriptem. Proces instalace balíčku je následující:

1.Otevřete paletu příkazů Sublime Text stisknutím kombinace kláves Ctrl + Shift + P nebo výběrem položky nabídky Tools > Command Palette.
2.Zadejte příkaz Package Control: Install Package a vyberte jej ze seznamu výsledků.
3.Zadejte do vyhledávacího pole JavaScript Enhancements a ze seznamu vyberte balíček Javascript Enhancements.

Poté bude nainstalován balíček pro práci s JavaScriptem.

Podle těchto kroků budete moci nainstalovat a nakonfigurovat Sublime Text pro práci s JavaScriptem. Editor vám poskytne všechny potřebné nástroje pro pohodlný a efektivní vývoj v tomto jazyce.

Nastavení JS v Sublime

Zde jsou některé užitečné kroky, které můžete podniknout k nastavení JS v Sublime:

1. Instalace balíčku SublimeLinter

SublimeLinter je balíček, který poskytuje možnost otestovat syntaxi JavaScriptu za běhu. Chcete-li jej nainstalovat, otevřete Sublime Text a poté vyberte "Preferences" (nastavení) - > "Package Control" - > "Install Package" (nainstalovat balíček) a vyhledejte "SublimeLinter". Po instalaci restartujte Sublime Text.

2. Instalace balíčku JavaScript & NodeJS Snippets

Javascript & nodejs Snippets je balíček, který poskytuje šablony a úryvky pro rychlé psaní kódu v JavaScriptu. Chcete-li jej nainstalovat, otevřete Sublime Text a poté vyberte "Preferences" (nastavení) - > "Package Control" - > "Install Package" (nainstalovat balíček) a vyhledejte "JavaScript & NodeJS Snippets". Po instalaci restartujte Sublime Text.

3. Nastavení autodopravy

Sublime Text vám umožňuje nastavit automatické vyplňování pro JavaScript. Chcete-li to provést, otevřete Sublime Text a poté vyberte "Preferences" (nastavení) - > "Settings" (Nastavení). Do souboru, který se otevře, přidejte následující řádky:

Po uložení souboru bude při zadávání kódu v JavaScriptu k dispozici automatické vyplňování.

4. Instalace a konfigurace pluginu JSHint

JSHint je výkonný nástroj pro kontrolu stylu kódování JavaScriptu. Chcete-li jej nainstalovat, otevřete Sublime Text a poté vyberte "Preferences" (nastavení) - > "Package Control" - > "Install Package" (nainstalovat balíček) a vyhledejte "JSHint". Po instalaci restartujte Sublime Text.

Chcete-li nastavit JSHint, otevřete soubor s nastavením Sublime Text a přidejte následující řádky:

Po uložení souboru se JSHint automaticky spustí při každém uložení souboru JavaScript.

Toto jsou jen některé z kroků, které lze podniknout k nastavení JS v Sublime. Kombinací různých balíčků a nastavení si můžete vytvořit vlastní dokonalé vývojové prostředí.