Sublieme tekst 3 pakketten installeren.

De auteur had de mogelijkheid om veel teksteditors en IDE's te gebruiken, waaronder nano, vim, gedit, geany, kate, eclipse... Elk van hen heeft zowel zijn voor- als nadelen. Vandaag zullen we er niet over praten: over die editor die je hart vanaf de eerste dag kan veroveren, over Sublime Text.

Omdat er al veel over geschreven is, zal het bericht vrij kort zijn: het doel is om de lezer kennis te laten maken met deze prachtige teksteditor en manieren te laten zien om deze aan te passen aan jouw behoeften. De rest, meer gedetailleerde informatie, is te vinden op de officiële website.

We moeten meteen reserveren: sublieme tekst 3 is geen gratis product. Op het moment dat dit bericht werd geschreven, kostte het $ 70. Zoals ik hoorde, is alleen betaling vereist voor Mac-gebruikers op Linux en Windows; je kunt niet voor een licentie betalen en rustig werken, waarbij je af en toe een pop-upvenster ziet met een aankoopaanbieding. In feite interfereert dit praktisch niet.

Waar te vinden en hoe te installeren

In het geval van Linux-distributies is in de regel de nieuwste versie van de teksteditor beschikbaar in de repository. Hoewel het nodig kan zijn om naast de hoofdopslagplaats een extra repository aan te sluiten. In Gentoo Linux moet je bijvoorbeeld de sublieme tekstoverlay aansluiten en de editor installeren:

# leek --add sublieme-tekst # eix-update # ontstaan ​​-av sublieme-tekst

Voor Debain met amd64-architectuur is de volgorde van de opdrachten als volgt (installeer het kant-en-klare pakket):

$ wget http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3047_amd64.deb $ sudo dpkg -i sublime-text_build-3047_amd64.deb

Het uiterlijk van subliem is best aangenaam, er zijn standaard verschillende kleurenschema's, projecten worden in de linkerkolom weergegeven en aan de rechterkant wordt zoiets als een codeschets (minimap) weergegeven. Bovenaan bevinden zich een werkbalk en tabbladen, onderaan een informatiebalk die het aantal regels aangeeft, de programmeertaal bepaalt, het aantal spaties in de inspringing en de documentcodering als u deze wilt configureren.

Aangepaste instellingen

Laten we beginnen met wat direct kan worden geconfigureerd met behulp van standaardtools. Laten we naar de gebruikersinstellingen van de editor gaan en de instellingen openen:

Voorkeuren --> Instellingen-Gebruiker

Naar smaak toevoegen:

( "auto_indent" : true , #auto-indent "auto_match_enabled" : true , #automatisch sluithaakje toevoegen, dubbele aanhalingstekens "bold_folder_labels" : true , #directories vetgedrukt "open_files_in_new_window" : false , #open nieuwe bestanden op een tabblad #color schema "kleurenschema" " : "Pakketten/Kleurenschema - Standaard/Solarized (Licht).tmTheme", "zorg ervoor dat_nieuwe lijn_at_eof_on_save": true , "font_size" : 11 , #font size "highlight_line" : true , #highlight de regel waarop de cursor zich bevindt "ignored_packages" : [ "Vintage" ], "tab_size" : 4 , #indent setting "translate_tabs_to_spaces" : true , #vertaling van tabbladen naar spaties "trim_trailing_white_space_on_save": true #verwijder spaties en tabs aan het einde van regels)

Een volledige lijst met opdrachten kunt u vinden via de menu-items Voorkeuren -> Instellingen -> Standaard en Voorkeuren -> Toetsbindingen -> Standaard. Het is alleen nodig om op te merken dat json geen commentaar heeft, dus het is niet nodig om de bovenstaande instellingen blindelings te kopiëren.

Het is ook interessant dat vim-aanhangers, voor wie de auteur van dit bericht zichzelf beschouwt, sneltoetsen kunnen inschakelen die hen bekend zijn als de standaardsneltoetsen om de een of andere reden niet geheel bevredigend zijn. Dit gebeurt heel eenvoudig. Vintage-modus moet worden uitgesloten van negatie:

"genegeerde_pakketten":

Hier kunt u automatisch sluitende haakjes inschakelen:

( "keys" : [ "(" ], "command" : "insert_snippet" , "args" : ( "contents" : "($0)" ), "context" : [ ("key" : "setting.auto_match_enabled" , "operator" : "equal" , "operand" : true ), ( "key" : "selection_empty" , "operator" : "equal" , "operand" : true , "match_all" : true ), ( "key" : "volgende_tekst" , "operator" : "regex_contains" , "operand" : "^(?:\t| |\\)|]|;|\\)|\\\"|$)", "match_all": waar ) ] )

We selecteren snel tekst zonder een muis te gebruiken met behulp van de pijltoetsen terwijl we de Shift-toets ingedrukt houden, wat erg handig lijkt.

Ik ben blij dat er instellingen zijn voor individuele bestandstypen. Dit kan handig zijn als u verschillende hoeveelheden spaties gebruikt bij het schrijven van code in verschillende talen.

Open het CSS-bestand in de editor, vervolgens Voorkeuren -> Instellingen - Meer -> Syntaxisspecifiek - Gebruiker en schrijf:

("tab_grootte": 4)

In de CSS-code worden de streepjes nu uitgelijnd met 4 spaties.

Fragmenten

Zoals elke zichzelf respecterende teksteditor kan sublime werken met aangepaste fragmenten. Een voorbeeld van het maken van een nieuw fragment via Tools -> Nieuw fragment:

jq bron.js

Sla het fragment ergens in .config/sublime-text-3/Packages/User op. Dit is alles. Nu is het in js-bestanden mogelijk om de tekst in te voegen die we in het veld hebben beschreven

Plug-ins

Natuurlijk zou subliem lang niet zo aantrekkelijk zijn zonder de verzameling plug-ins. Pakketbeheer wordt gebruikt om plug-ins te installeren en te verwijderen. Helaas zit het niet in het standaardpakket. Op het moment dat dit bericht wordt geschreven, ziet de installatie van Package Control zelf er als volgt uit:

Laten we naar de map gaan waar de Sublime-Text-configuratie is opgeslagen en de gewenste repository klonen:

$ cd .config/sublime-text-3/Packages/ $ git clone https://github.com/wbond/sublime_package_control.git "Pakketcontrole" $ cd "Pakketcontrole" $ git checkout python3

Open de editor en druk op de toetsencombinatie Ctrl+Alt+P. In het menu dat verschijnt zou je "Package Control: Install Package" moeten vinden. Dit is alles. Vanaf nu ben je vrij om de plug-ins die je nodig hebt te kiezen en te installeren.

SublimeCodeIntel

Brengt de mogelijkheden van Sublime Text dichter bij die van een IDE. Zet het op de eerste plaats.

Statusbalk-extensie

Toont de codering van het geopende bestand, het aantal regels, de gebruikte programmeertaal, het aantal tabs/spaties in de statusbalk.

Tijdelijke aanduidingen

Voor gevallen waarin “vis” in de code wordt ingevoegd. Ken je Lorem Ipsum nog?

Waarom woorden? Iedereen die Emmet ooit heeft geprobeerd, kan het niet langer weigeren. En hoe konden lay-outontwerpers zonder dit leven?

SublemacsPro

Voor degenen die gewend zijn aan de goede oude Emacs.

Integreert versiebeheersysteem Git en Sublime Text, het implementeert de meeste alledaagse opdrachten in de editor, zoals diff, status, pull.

En misschien wel het meest interessant: Russische spellingcontrole.

De teksteditor van Sublime Text werd snel populair onder ontwikkelaars vanwege de goede balans tussen eenvoud en functionaliteit. Tot de voordelen behoren de mogelijkheid om tegelijkertijd meerdere tekstgedeelten te bewerken, een krachtig plug-insysteem, een plug-inpakketbeheerder en het opslaan en invoegen van tekstfragmenten met behulp van sneltoetsen. Met dit alles kan Sublime Text gratis worden gedownload en gebruikt zonder een licentie aan te schaffen.

Helaas is deze applicatie niet beschikbaar in de standaardrepository's van veel populaire distributies. Om Sublime Text 3 op Ubuntu te installeren, moet u daarom tijdelijke oplossingen gebruiken in plaats van de gebruikelijke toegang tot het Toepassingscentrum. In dit artikel worden verschillende methoden beschreven met verschillende niveaus van complexiteit en gemak.

Installatie via PPA

Er is een user repository (PPA) waarin altijd de nieuwste stabiele versie van Sublime Text beschikbaar is. Om het te verbinden, moet u de opdracht invoeren:

sudo add-apt-repository ppa:webupd8team/sublime-text-3

Het hulpprogramma importeert automatisch de sleutels die nodig zijn om de integriteit van pakketten te verifiëren.

Nadat u een repository hebt aangesloten, moet u altijd de pakketcache bijwerken, anders ziet de pakketbeheerder de inhoud van deze repository eenvoudigweg niet.

En tot slot, het installeren van de applicatie zelf. De naam van het pakket kan misleidend zijn - ondanks het woord installer is het geen installer, maar zelf een teksteditor.

sudo apt install sublime-text-installer

Nu kan de geïnstalleerde Sublime Text worden gestart door in de terminal het commando “subl” te geven, maar het is veel handiger via het Gnome 3-dashboard.

Als de applicatie niet langer nodig is, kunt u deze verwijderen met het commando:

sudo apt purge sublime-text-installer

Hierna is het beter om de aangesloten PPA-repository zelf te verwijderen om mogelijke problemen bij het installeren en bijwerken van pakketten te voorkomen:

sudo add-apt-repository --verwijder ppa:webupd8team/sublime-text-3
sudo apt-update

Installatie via de repository van de fabrikant

De ontwikkelaars van de teksteditor hebben onlangs hun eigen deb-repository gemaakt, die op een vergelijkbare manier op het systeem kan worden aangesloten. Deze optie lijkt meer de voorkeur te hebben - het is nog steeds beter om op de programma-ontwikkelaars zelf te vertrouwen dan op gewone gebruikers met hun PPA.

Eerst moet u bovendien het apt-transport-https-pakket installeren:

sudo apt installeer apt-transport-https

De volgende stap is het importeren van de sleutels:

wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key toevoegen -

Een stabiele repository verbinden:

echo "deb https://download.sublimetext.com/apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

En de standaardprocedure voor het bijwerken van de pakketcache en het installeren van de applicatie:

sudo apt-update
sudo apt installeer sublieme tekst

Om te verwijderen, geeft u gewoon het volgende commando:

sudo apt purge sublieme tekst

Maar u moet ook de aangesloten ontwikkelaarsrepository van het systeem verwijderen. U zult dit handmatig moeten doen. De eerste manier is om het Applicatiecentrum te openen en naar de instellingen te gaan.

Ga in het geopende venster naar het tabblad “Andere software”, selecteer de gewenste (meer precies, onnodige) repository en klik op de knop “Verwijderen”.

De tweede manier is om het eerder gemaakte bestand te verwijderen:

sudo rm /etc/apt/sources.list.d/sublime-text.list

De laatste stap van een van deze twee methoden is het bijwerken van de pakketcache:

Installatie via Snap

In de nieuwste versies van Ubuntu is out-of-the-box ondersteuning voor het Snap-systeem verschenen - ter vervanging van de gebruikelijke deb-repository's, bevrijd van de traditionele Linux "afhankelijkheidshel". Via Snap kun je Sublime Text 3 eenvoudig installeren met slechts één commando:

sudo snap install sublime-text-3 --classic --candidate

Daarna verschijnt het pictogram van de nieuwste stabiele build van de teksteditor in het dashboard.

Het verwijderen is net zo eenvoudig, slechts één commando is voldoende:

sudo snap verwijder sublieme-tekst-3

Het pakket handmatig installeren

U kunt eenvoudig het Sublime Text 3 deb-pakket downloaden en met één klik installeren - d.w.z. gebruik dezelfde methode die Windows al tientallen jaren gebruikt om applicaties te installeren. Om het deb-pakket te downloaden, gaat u naar en klikt u daar op de downloadlink.

Hierna moet u het gedownloade deb-pakket zoeken in de map "Downloads" van uw thuismap en erop klikken. Het installatieprogramma voor het App Center-pakket wordt geopend. Om te installeren, klikt u op de knop "Installeren" en wacht u.

Er verschijnt een pictogram voor het starten van een teksteditor in het dashboard. Om Sublime Text 3 te verwijderen als het niet langer nodig is, voert u gewoon de opdracht in:

sudo apt purge sublieme tekst

Gebruik zonder installatie

En tot slot: je hoeft het programma niet te installeren om het te gebruiken. U kunt eenvoudig de Sublime Text 3-tarball downloaden, uitpakken op een handige locatie en vanaf daar rechtstreeks uitvoeren.

Ga hiervoor naar de officiële website van het project en klik op de gemarkeerde link. De browser downloadt het tar.bz2-archief naar de map “Downloads” van uw thuismap.

Dit archief moet worden uitgepakt in de huidige map.

Voer vervolgens de map in die verschijnt en verplaats de map “sublime_text_3” naar elke geschikte plaats, bijvoorbeeld naar de map apps in uw thuismap (een dergelijke map moet eerst worden gemaakt). Om de teksteditor te starten, klikt u gewoon op het uitvoerbare bestand “sublime_text”.

Het voordeel van deze methode is dat u niet hoeft te rommelen met repositories en een pakketbeheerder. Om het programma te verwijderen, verwijdert u gewoon de map “sublime_text_3”. Maar er zijn ook nadelen:

• de applicatie wordt niet bijgewerkt wanneer er nieuwe versies verschijnen;
• om te starten moet u elke keer bestandsbeheer openen;
• Er kunnen problemen zijn met modules en bibliotheken.

Dit is de reden waarom Linux zo'n sterke traditie heeft om applicaties alleen via een pakketbeheerder te installeren, en het is beter om niet van deze traditie af te wijken tenzij dit absoluut noodzakelijk is.

Ook op de site:

Hoe Sublime Text 3 op Ubuntu te installeren bijgewerkt: 29 maart 2018 door: Alex ferman

Hallo, er is al veel geschreven over Sublime Text. In mijn blog schreef ik over Sublime Text 2. Nu heeft Sublime Text 3 de alfaversie al verlaten (alfa betekent een nieuwe en extreem onstabiele versie) en is overgegaan naar de bèta (de bèta is nog steeds niet stabiel, maar is al bedoeld om te testen , na de bèta is er meestal een officiële release). En ik besloot Sublime Text 3 (hierna ST3 genoemd) volledig te begrijpen.

Als u SublimeText3 gaat installeren, dan is dit de meest complete instructie voor u. Hier zal ik alles beschrijven wat met deze editor te maken heeft, en hij kan echt veel.

Eerst heb ik ST2 en alle sporen ervan uit het systeem verwijderd. Ik heb ook node.js en npm verwijderd die eraan waren gekoppeld. Omdat ik van plan ben om de compilatie van minder en vervolgens saas-bestanden opnieuw in te stellen, correct en competent, via subliem. Maar daarover later meer.

Deel 1. Sublime Text installeren en configureren 3

Download en installeer SublimeText 3

Als u het nog niet weet: Less is een op JavaScript gebaseerde CSS-preprocessor. Dit is de code die naar CSS wordt gecompileerd. Er zijn verschillende manieren om less naar css te compileren: Grunt, Guard en Less.app. Misschien wil of hoef je echter geen extra tools te gebruiken en wil je alles goed doen in de code-editor. Hieronder heb ik instructies gegeven die geschikt zijn voor Windows-gebruikers (ik heb zelf de installatie ermee gedaan, en ook voor Mac OS.)

1. Node.js installeren
2. NPM installeren (geïnstalleerd met Node.js)
3. Wereldwijd minder installeren. Open de Windows-console en voer npm install less -gd in
4. Installeer de plug-in Less2Css en SublimeOnSaveBuild

Open de ST3-instellingen: Voorkeuren → Instellingen - Standaard, en voeg de regel toe aan het einde:

"lesscCommand": "/usr/local/share/npm/bin/lessc"

Laten we een willekeurig .less-bestand openen en proberen het samen te stellen. Breng gewoon wijzigingen aan in het bestand en druk op Ctrl+S.

Als er een fout optreedt: Kan argument clean-css niet interpreteren … Dit gebeurde omdat de clean-css-plug-in afzonderlijk was en niet was opgenomen in het less-pakket. Daarom moet het afzonderlijk worden geïnstalleerd. Laten we installeren. We gaan naar de console en schrijven:

Npm install -g less-plugin-clean-css

SASS is een andere preprocessor voor CSS. Het wint aan populariteit en loopt al voorop wat betreft wijdverbreid gebruik.

• Ruby installeren
• Start de console en installeer Ruby Gem gem install sass
• De Sass-plug-in voor Sublime Text installeren
• De Sass Build-plug-in voor Sublime Text installeren
• Installeer de SublimeOnSave-plug-in voor Sublime Text
  (we hebben over deze plug-in gesproken in de bovenstaande instructies)

Laten we nu instellingen toevoegen aan Sublime Text-instellingen – Standaard:

( "filename_filter": ".(sass|scss)$", "build_on_save": 1 )

Vergeet ook niet het .sass-bestand te openen en het bouwsysteem te selecteren in Extra → Bouwsysteem → SASS gecomprimeerd. Wanneer u het .sass-bestand opslaat, wordt .css gecompileerd.

Jade is een preprocessor voor het schrijven van HTML-code, en net als less of sass voor css, maakt het het schrijven van HTML-opmaak sneller en gemakkelijker (voor ervaren programmeurs). Hoe de werking ervan te installeren en configureren.

• Node.js moet worden geïnstalleerd met npm (meestal gebundeld met node)
• Ga naar de console en installeer jade met de opdracht npm install jade --global
• Installeer de Jade Build-plug-in in Sublime Text
• Open in Sublime Text het .jade-bestand en selecteer Jade build-systeem
• Als je alle instructies in dit bericht volgt, dan zal ik in de Sublime-instellingen de regel over Save On Build toevoegen met de jade-extensie en nu zal het er als volgt uitzien "filename_filter": ".(sass|scss|jade)$" ,
• Installeer de Jade-plug-in in Sublime

Na deze manipulaties worden de jade-bestanden samengesteld.

Als er geen Jade-codemarkering is, ga dan naar de rechter benedenhoek van ST, waar hoogstwaarschijnlijk Platte tekst staat, klik op die inscriptie en selecteer vervolgens Jade-markering. Nu zal de achtergrondverlichting werken.

In dit artikel zullen we downloaden, installeren op Windows en Russify Sublime Text 3, het ook activeren met behulp van de licentiesleutel en Emmet erop installeren.

Sublieme tekst 3 downloaden

Je kunt Subline Text 3 downloaden van de website sublimetext.com, of van mijn Yandex-schijf (ik raad het aan, omdat ik het heb geïnstalleerd, gerussificeerd en geactiveerd, en daar vind je de sleutels en russificatie).

SublimeText installeren 3

Het installeren van Subline Text 3 is heel eenvoudig. Om dit te doen, start u het gewoon en klikt u op de knop Volgende. Ik zal hier niet verder op ingaan, ik denk niet dat iemand hier problemen mee zal hebben.

Russificatie van sublieme tekst 3

Pak het archief uit ( SublimeText3RussischMenu.zip) en kopieer de map Standaard V " c:\Gebruikers\Gebruikersnaam\AppData\Roaming\Sublime Text 3\Packages\» (Pad voor Windows 7/8/10)

Activering Sublieme Tekst 3

Om Sublijntekst 3 te activeren, opent u een tekstdocument Licentiesleutel , kopieer er een van de sleutels uit, start vervolgens Subline en ga naar de “ Referentie» (« Hulp«) - « Voer licentie in» (« Voer licentie in") Steek de sleutel in en klik op " Gebruik licentie»

Emmet installeren op sublieme tekst 3 en Package Control eraan toevoegen.

Start de editor en druk op Ctrl+ of “ Weergave» — « Console tonen/verbergen» (« Weergave» — « Console tonen"), waarna onderaan een invoerpaneel opent, voer de onderstaande code erin in, klik op " Binnenkomen", wacht even en start de editor opnieuw.

importeer urllib.request,os,hashlib; h = "df21e130d211cfc94d9b0905775a7c0f" + "1e3d39e33b79698005270310898eea76"; pf = "Pakketcontrole.sublime-pakket"; ipp = subliem.geïnstalleerd_pakket_pad(); 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(door).hexdigest(); print("Fout bij het valideren van de download (ik heb %s in plaats van %s), probeer de handmatige installatie" % (dh, h)) if dh != h else open(os.path.join(ipp, pf), "wb" ).schrijf(door)

Ga nu naar het tabblad " Opties» — « "of druk op de toetsencombinatie " Ctrl» + « Verschuiving» + « P“, waarna er een venster verschijnt waarin we “ Pakket installeren"(als ik me niet vergis, regel 6).

Hierna verschijnt er een ander venster waarin u “ Emmet“Er verschijnen veel aanbiedingen, klik op de eerste (waar u net Emmet).

We wachten even tot er een tabblad wordt geopend met de inhoud dat Emmet succesvol is geïnstalleerd, sluiten alle tabbladen en starten de editor opnieuw. Alles kan gebruikt worden!

In drie woorden: hoe Emmett werkt

Ik zal u daar een paar voorbeelden van geven Emmet. Laten we zeggen dat we een basisframework voor webpagina's nodig hebben html5 Om dit te doen, typt u gewoon “!” en druk op "Tab".

Om snel een blok met een klasse te bouwen col-sm-6, je moet invoeren " .col-sm-6" en druk op "Tab", we krijgen "

Om zoiets als dit te bouwen:

voer gewoon deze kleine regel in “ .row>.col-md-3*4>lorem" en druk op " Tab«.

Zoals je kunt zien, is Emmet een erg coole add-on die het lay-outproces enorm versnelt, het belangrijkste is om het correct te kunnen gebruiken). Ik raad je aan de documentatie te lezen.

Hallo allemaal!

In dit artikel bekijken we hoe we de Sublime Text 3-editor en de handige Emment-plug-in kunnen installeren.

SublimeText installeren 3

1. Download dus eerst de nieuwste versie van Sublime Text 3 van de officiële website.

2. Wat de installatie voor Windows betreft, denk ik dat je geen problemen zou moeten hebben, in principe hetzelfde als bij andere besturingssystemen. Ik gebruik Linux UbuntuStudio en zal je laten zien hoe je de editor snel op gebruikersniveau kunt installeren.

Als u een 64-bits besturingssysteem hebt, download dan het DEB-pakket van de juiste versie voor installatie via het Ubuntu Application Center.

Klik op het gedownloade bestand en installeer het DEB-pakket (het zou automatisch moeten openen in het installatieprogramma van "Application Center").

Alles is klaar!

De Emment-plug-in installeren.

1. Mogelijk hebt u een verlenging nodig Pakketcontrole. Om het te installeren, opent u de console [Ctrl + `] en voert u deze code in (als u Sublime Text 3 heeft):

Importeer urllib.request,os,hashlib; h = "2915d1851351e5ee549c20394736b442" + "8bc59f460fa1548d1514676163dafc88"; pf = "Pakketcontrole.sublime-pakket"; ipp = subliem.geïnstalleerd_pakket_pad(); 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(door).hexdigest(); print("Fout bij het valideren van de download (ik heb %s in plaats van %s), probeer de handmatige installatie" % (dh, h)) if dh != h else open(os.path.join(ipp, pf), "wb" ).schrijven(door)

In moderne versies van de distributie, De PackageControl-extensie is al geïnstalleerd. Je hoeft het alleen maar aan te zetten. Om dit te doen, gaat u naar het tabblad Extra->Pakketbeheer installeren. Klik. De extensie is ingeschakeld. Het zou nu moeten verschijnen op het tabblad Voorkeuren.

2. Vervolgens gaan we verder met het installeren van de Emment-plug-in zelf. Selecteer het menu-item in de editor Voorkeuren->Pakketbeheer l of via een sneltoets [Ctrl+Shift+P] schrijf in het veld dat verschijnt installeren.