Teksteditor met syntaxisaccentuering. Wat is de beste HTML-, PHP-, CSS-, JS-code-editor?

Elke webontwerper en codeerder heeft een goede webpagina-editor nodig om zijn eigen webpagina's te maken en te coderen HTML-bewerking, CSS en JavaScript-code. Kladblok (Windows) en Teksteditor (Mac) - geweldige gereedschappen om te beginnen, maar zodra je ervaring opdoet, zul je een steviger en handiger hulpmiddel willen gebruiken.

Er zijn honderden uitstekende editors waaruit u de juiste kunt kiezen, maar veel daarvan worden betaald. Wat als u het auteursrecht niet wilt schenden, maar uw budget niet voldoende geld heeft om een ​​commercieel product aan te schaffen? In dit artikel worden enkele geweldige gratis editors besproken.

  • WYSIWYG-editors. Dit grafische editors, waarmee u een pagina-indeling kunt opbouwen en stijlen visueel kunt instellen, zoals in de bekende tekstverwerker MS Word. Dat zijn ze handig hulpmiddel om een ​​pagina-ontwerp te bouwen, hoewel, zoals elke ervaren webontwerper weet, de code nog steeds moet worden “gekamd” om een ​​uitstekend resultaat te bereiken.
  • Teksteditors. Dit is een hulpmiddel voor het rechtstreeks bewerken van HTML- en CSS-code. Sommige editors zijn bedoeld voor algemene doeleinden en hebben geen speciale opties voor het ondersteunen van webcode. Anderen zijn gespecialiseerd in het gebruik van webtalen zoals HTML, CSS, JavaScript en PHP, en hebben ingebouwde eigenschappen voor het snel invoeren van HTML-tags, CSS-eigenschappen, enzovoort. Met veel van deze editors kunt u een webpagina in een apart venster bekijken.

KompoZer (Windows, Mac, Linux)

KompoZer - geweldige keuze als je dat nodig hebt visuele redacteur met een beperkt budget

Komodo Bewerken - goede redacteur, gemakkelijk te leren, maar toch krachtig en uitbreidbaar

Hoewel dit een redacteur is algemeen doel, het ondersteunt HTML en CSS, en heeft de eigenschap van contextueel automatisch aanvullen van HTML-tags en CSS-eigenschappen, evenals een verzameling code-inserts voor verschillende HTML-elementen. Om het meeste uit Komodo te halen, moet je de HTML Toolkit-extensie installeren, die prachtige functies bevat zoals tags voor automatisch sluiten, voorbeeld type CSS en een tijdelijke tekstgenerator.

Met Komodo Edit kunt u de pagina's die u aan het bewerken bent, bekijken geïnstalleerde browser of gebruik de ingebouwde browser in een apart venster, zodat u tegelijkertijd het resultaat van uw wijzigingen kunt bewerken en bekijken.

De editor heeft een ingebouwde functie voor het uploaden van bestanden naar de site (FTP, FTPS, SFTP of SCP), en u kunt uw bestanden ook netjes groeperen met behulp van de projectmanageroptie.

Erg nuttige functie Code > Selecteer Blokkeren. Het benadrukt het huidige hoofd-HTML-blok, bijvoorbeeld het huidige gesloten blok div-element of ul. Erg handige functie wanneer u een hele sectie van een pagina moet selecteren om te kopiëren of te verplaatsen.

Komodo Edit heeft zoveel krachtige en handige functies, zoals het gebruik van reguliere expressies voor zoeken/vervangen, vermogen om te presteren externe commando's, enzovoort. Gelukkig heeft de redacteur ook goed hulp systeem, waardoor u gemakkelijk de kracht van Komodo Edit kunt benutten.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio is een volledig geïntegreerde ontwikkelomgeving voor webapplicaties met een groot aantal plug-ins. Hoewel je het alleen kunt gebruiken als HTML-editor/CSS/JavaScript-code

Kladblok++ - uitstekende vervanging voor Kladblok van Windows. Hoewel het niet zoveel opties heeft als andere editors, is het geweldig voor het bewerken van HTML-, CSS-, JavaScript- en andere codebestanden

PSPad is een andere editor voor algemene doeleinden voor Windows met een breed scala aan functies die handig zijn voor HTML- en CSS-codeerders

jEdit is een platformonafhankelijke teksteditor met krachtige functies voor macroopdrachten en plug-ins. Installeer de XML-plug-in als u webpagina's moet bewerken

TextWrangler is lichtgewicht editor algemeen doel. Ondanks de afwezigheid speciale functies voor webontwikkeling kan het worden gebruikt om met webpagina's te werken.

Vim is absoluut moeilijk te leren, maar als je eenmaal de uitdagingen voorbij bent, wil je nooit meer terug!

De grootvader van teksteditors voor programmeurs Vim (een directe afstammeling van de vi-editor) is console-editor tekst van open bron. Het is de standaardeditor op bijna alle varianten van Unix, inclusief Linux en Mac OS X. Het is ook beschikbaar voor gebruik op Windows en vele andere systemen.

Vim is geen systeem dat je meteen kunt installeren en gebruiken zonder er ooit mee te hebben gewerkt. De meeste bewerkingsopdrachten bevatten rare combinaties zoals :wq en / . Het heeft ook drie bewerkingsmodi: modus inzetstukken, waarin tekst wordt ingevoerd; visueel modus voor tekstselectie; En commando modus voor het invoeren van opdrachten. Deze functionaliteit is een erfenis van Unix uit de tijd dat er geen vensters en geen muis waren.

Waarom stond hij op de lijst? Als je het onder de knie hebt, zul je overtuigd zijn van de snelheid en kracht ervan. Met een paar commando's kunt u in een paar seconden doen wat in andere editors minuten zou duren.

bestaat groot aantal macro's en plug-ins voor Vim die het gemakkelijker maken om met HTML-, CSS- en JavaScript-code te werken, inclusief syntaxisaccentuering, automatisch aanvullen, HTML Tidy en browserweergave. Hier grote lijst nuttige links:

  • Vim Omni automatische aanvulling
  • HTML/XHTML-bewerking in Vim
  • startpagina

Fraise (Mac)

Fraise is een intuïtieve editor voor Mac, met een reeks functies die voldoende zijn voor webbewerking

Net als TextWrangler en gedit is Fraise een prachtige, lichtgewicht editor die een genot is om te gebruiken. Het is een vork van de redacteur. Het is relatief nieuw en beschikt niet over een goede webserver. Het wordt momenteel alleen ondersteund op Mac OS X 10.6 ( Sneeuwluipaard), dat wil zeggen: als u versie 10.5 gebruikt, moet u Smultron downloaden.

Fraise heeft een aantal geweldige opties voor webbewerking:

  • Codemarkering voor HTML, CSS, JavaScript, PHP en verschillende andere programmeertalen.
  • Commando Tag sluiten (Command-T) om de huidige tag te sluiten. Dit bespaart echt tijd bij het invoeren van lijsten.
  • Handige preview met ingebouwde browser (via WebKit), met een hele handige optie Live-update? die de browser bijwerkt zodra de opmaak en CSS op de pagina die wordt bewerkt, zijn gewijzigd.
  • Geavanceerde zoekoptie, die zoeken/vervangen met reguliere expressies ondersteunt.
  • Ondersteuning voor blokken voor snelle invoer HTML-tags en CSS-eigenschappen.
  • Enkele handige commando's voor het manipuleren van tekst, zoals HTML-validatie en het converteren van tekens naar HTML-elementen.

Fraise is de moeite van het bekijken waard als je een Mac-gebruiker bent en dit nodig hebt handige editor met meer mogelijkheden dan de ingebouwde Teksteditor.

Keuze van de redactie voor ons ontwikkelaars broncode is niet iets onbelangrijks. Dit is de omgeving waarin we het grootste deel van onze tijd doorbrengen. Onze productiviteit is afhankelijk van de code-editor.

Geen twee ontwikkelaars zijn hetzelfde, dus er is een overvloed aan code-editors waaruit je zelf de beste kunt kiezen. Om te begrijpen welke de beste is, zullen we verschillende criteria evalueren op een vijfpuntsschaal. Wij zullen aandacht besteden aan:

  • Gebruiksgemak- hoe eenvoudig de editor is voor beginners, hoe intuïtief hij is als we hem voor de eerste keer openen.
  • Stroom- een criterium voor alle innovaties, codebewerkingsmogelijkheden, automatische aanvulling, bewerkingsmodi, enz.
  • Uitbreidbaarheid- Ondersteunt de editor plug-ins en extra bibliotheken?
  • Esthetiek- we houden van de schoonheid in ons werk, hoe prettig de omgeving is om naar te kijken, hoe netjes de code erin eruit ziet.
  • Snelheid- hoe snel de editor start, hoe snel hij grote bestanden opent.
  • Cross-platform- Is de editor beschikbaar voor meerdere besturingssystemen?
  • Prijs- de goedkoopste prijs krijgt het hoogste cijfer.

Code-editors worden aangeboden in groepen die bedoeld zijn voor specifieke typen ontwikkelaars.

Voor de Goeroe

Je vraagt: wie zijn goeroes? Kortom, dit zijn mensen die editors hebben gebruikt programmacode zelfs voordat je geboren werd. De instrumenten van deze groep zijn zwaar en breed. Ze kunnen worden gestart vanuit een terminalvenster en, in de UNIX-traditie, worden al hun instellingen gedefinieerd in een configuratiebestand.

Vim

Uitgebracht in 1991. De veelzijdige en krachtige editor heeft veel fans over de hele wereld gewonnen. Wat het onder andere bijzonder maakt, is de technologie opdrachtregel. In plaats van eenvoudig schrijven code, selecteert u een invoermodus voor tekst, voert u een zoekopdracht uit en gebruikt u nog meer begeleiding. Deze editor wordt geïmporteerd naar alle bekende besturingssystemen. Vim kan ook worden uitgebreid met scripts en plug-ins. Dit is gratis software die al op veel Linux-systemen is geïnstalleerd.

Emacs

De ontwikkeling van Emacs begon in de verre jaren zeventig en gaat tot op de dag van vandaag door. Deze editor staat bekend om zijn uitbreidbaarheid. Dit is een van de eerste editors die code-accentuering ondersteunt, automatisch nivelleren code en ondersteuning voor velen programma talen. Net als Vim is het ook platformonafhankelijk en kan het worden gebruikt via een terminalvenster of GUI. Emacs is een gratis en open bron.

Voor professionals

Code-editors in deze categorie zijn volledig uitgerust met ontwikkeltools. Ze zijn gemakkelijk te gebruiken en beschikken over krachtige tools. Ontwikkelaars kunnen in één applicatie schrijven, compileren, testen en uitvoeren.

Verduistering

Eclipse wordt meestal gebruikt voor ontwikkeling Java-applicaties. Deze software ondersteunt plug-ins die ondersteuning mogelijk maken extra talen programmeren. Er zijn plug-ins voor C/C++, Ruby, PHP en andere. Eclips biedt krachtige coderingstips op basis van documentatie en realtime syntaxiscontrole. Grote bedrijven, zoals Google, leveren hun ontwikkeltools voor dit platform. Je maakt eenvoudig applicaties voor Android en App Engine. Eclipse is gratis en open source.

Aptana-studio

Aptana is een ontwikkelomgeving ontworpen voor zware AJAX-applicaties. Deze omgeving ondersteunt het meest populair internet talen: PHP, JavaScript, HTML, CSS, Ruby, Python en andere die plug-ins gebruiken. Ook is er Git-integratie, de mogelijkheid om de applicatie op te testen lokale server, en veel nuttige codefragmenten voor elke programmeertaal. Net als Eclipse is Aptana gratis en open source.

Netbonen

Een andere omgeving voor Java, maar net als Eclipse, kan worden uitgebreid voor extra talen: PHP, Python, C/C++ en andere. De applicatie draait op Linux, Windows en OSX. Netbeans kunnen de ontwikkeling van desktopapplicaties versnellen met Drag en laten vallen ontwerper. Negatieve kant zijn prestaties - Netbeans kunnen bij grote projecten vertraging oplopen. Deze code-editor is gratis en open source.

Droomwever

Dreamweaver is een onderdeel Adobe-applicaties Suite ontworpen voor webontwerpers. Het ondersteunt alleen de meest populaire webprogrammeertalen: PHP, ASP.NET, JavaScript, HTML, CSS. Zeer beginnersvriendelijk, met ondersteuning voor WISIWYG-bewerking, live bekijken, testen externe server en applicatieontwikkeling met jQuery gebruiken mobiel en Phonegap. Dreamweaver is beschikbaar op OSX en Windows. Als u het volledige pakket met applicaties voor $ 399 koopt, heeft het geen zin om het te gebruiken. Maar als je hem los koopt, kan er misschien wel iets aan de hand zijn. Het zal nog gemakkelijker zijn.

Visuele studio

Visual Studio is een alles-in-één ontwikkelomgeving voor Windows. Deze editor ondersteunt een groot aantal talen: C/C++, C#, VB.NET en F# die in de omgeving zijn ingebouwd. Heeft krachtige hulpmiddelen voor het aanvullen van code, regel-voor-regel documentatie, foutcontrole, debuggen, formulierontwerp, het maken van databaseschema's en nog veel meer. De prijs begint bij $ 500, maar de expressversie van het programma is gratis beschikbaar.

Xcode

Xcode is Apple's oplossing voor OSX-ontwikkeling en iOS-applicaties. Ondersteunt C, C++, Objective-C, Objective-C++, Java, AppleScript, Python en Ruby. Met Xcode kunt u applicaties schrijven, debuggen en testen. Heeft een interface-ontwerper en emulator mobiele apparaten, Voor iOS-testen toepassingen. Xcode werd gebruikt als betaalde editor, maar nu bieden ze het gratis aan.

Coda 2

Coda is een alles-in-één editor voor webontwikkelaars. Ondersteunt bestandsoverdracht via FTP-protocol, codenavigatie en bestandsstructuur, sites en groepen sites, MySQL-beheer en nog veel meer. Met de nieuwe Coda 2 kunt u uw iPad gebruiken om te bekijken. De stabiele prijs is $ 99, maar je kunt hem met korting krijgen voor $ 75.

Voor estheten

Deze code-editors zijn mooi, lichtgewicht, gemakkelijk te gebruiken en uitbreidbaar. Er wordt veel over gesproken, velen bieden plug-ins, schrijven artikelen en bieden oplossingen om deze of gene editor te verbeteren.

TekstMate

TextMate is in feite een grafische teksteditor voor OSX. Ondersteunt macro's, codeopslag, fragmenten, shell-integratie, projectbeheer. Text Mate 2 zal vermoedelijk worden geleverd met alles wat je kunt krijgen. De editor kost ongeveer $ 50.

Sublieme tekst 2

Sublime is een prachtige platformonafhankelijke editor. Het is snel en rijk aan functionaliteit voor vrijwel elke programmeertaal. Ondersteunt meerdere selecties, codevouwen, macro's, projecten en meer. Bewerken op volledig scherm is ook mogelijk, wat er geweldig uitziet grote monitoren. Draait op Linux, Windows en OSX. Deze editor wordt geleverd met een onbeperkte proefperiode, maar je moet een licentie van $ 59 kopen die op elke computer kan worden gebruikt.

Voor pragmatici

Kladblok++

Deze krachtige en lichtgewicht editor is een must-have voor elke Windows-ontwikkelaar. Hoewel de naam een ​​geavanceerd notitieblok doet vermoeden, is het een krachtig hulpmiddel. Het is gemakkelijk voor beginners, maar het is ook geschikt voor professionals. Notepad++ ondersteunt elk van populaire talen programmeren. Ondersteunt partitionering werkomgeving in twee bewerkingsvensters, FTP-browser, macro's en krachtige functies tekst bewerken. Notepad++ is helemaal gratis. Het is mogelijk.

TextWrangler

TextWrangler is een gratis en lichtgewicht editor voor OSX. Ondersteunt alle programmeertalen. Biedt krachtige zoek- en vervangfunctionaliteit, tekstmanipulatie, bestandsvergelijking, FTP-ondersteuning en nog veel meer.

CodeKreeft

CodeLobster heeft eenvoudige en krachtige functionaliteit voor webprogrammeurs. Geschikt voor alle versies van Windows OS: 8, 7, Vista, XP, 2003, 2000, ME, Server. Flexibele configuratie van de werkomgeving, tooltips voor functies, debuggen en een todolijst. Deze editor wordt specifiek aanbevolen voor webontwikkelaars; hij kan eenvoudig worden uitgebreid om met verschillende frameworks te werken: CakePHP, CI, Drupal, JQuery, Yii, Smarty, Symfony, WP, Facebook. Er is gratis een lichtgewicht versie van de editor beschikbaar. Met een set gereedschap $ 40,- per stuk volledige set plug-ins en extensies van meer dan $ 100.


De beste code-editor is...

Kunt u uw redacteur niet in deze lijst vinden? Vertel ons wat je favoriete editor is in de reacties hieronder!

Voor het bewerken wordt een teksteditor gebruikt tekstbestanden. Teksteditors verschillen van tekstverwerkers zoals Microsoft Word of WordPerfect, in die zin dat ze niets toevoegen aan documenten aanvullende informatie over opmaak. Je zou een artikel in Word kunnen schrijven, omdat het tools bevat voor het wijzigen van lettertypen, marges en lay-out, maar standaard wordt opmaak- en opmaakinformatie rechtstreeks in het bestand ingevoegd, wat de compiler in verwarring zal brengen. Als u een .doc-bestand in een teksteditor opent, zult u zien dat het grootste deel van het bestand opmaakcodes bestaat. Teksteditors voegen echter geen opmaakcodes toe, waardoor de code gemakkelijker te compileren is.

Waarom zou ik een teksteditor gebruiken?

Tekstverwerkers hebben andere functies dan een traditioneel tekstverwerkingsprogramma. In de meeste gevallen kunt u bijvoorbeeld geen foto's of tabellen invoegen of dubbel installeren regelafstand. De functies van teksteditors variëren, maar er zijn een paar functies die de meeste editors hebben. Hieronder vindt u enkele van de meest voorkomende en nuttige functies.

Syntaxisaccentuering

Syntaxisaccentuering is een zeer nuttige functie. Het bestaat uit het feit dat de editor bepaalde woorden, typen of syntaxis benadrukt die kenmerkend zijn voor de taal. Als u bijvoorbeeld C++-accentuering hebt ingeschakeld, kan de editor alles doen trefwoorden C++ groen. Dit maakt het veel gemakkelijker om de stroom van uw programma te volgen. Hier is nog een voorbeeld: de editor kan alle geciteerde tekst in lichtblauw weergeven. Op deze manier zul je, als je bent vergeten openings- of slotaanhalingstekens te plaatsen, dit snel merken dankzij de kleur van de tekst op het scherm. De teksteditor kan ook onjuist gebruik van een vierkant of haakje aangeven door deze rood te markeren; Als u een haakje sluiten maar geen haakje openen heeft, geeft de kleur aan dat u ergens een syntaxisfout heeft gemaakt.

Flexibiliteit

Hoe weet de redacteur welke woorden moeten worden gemarkeerd? Goede vraag. De editor weet in welke taal je programmeert. Of je kunt de taal zelf opgeven, of hij kan dit, net als Vim, bepalen aan de hand van de bestandsextensie. Als u werkt met een bestand met de naam code.cc , ziet het .cc en weet het de C++-regels te gebruiken, maar als u met een van code.html werkt, is het van toepassing HTML-regels. Sommige redacteuren kennen honderden talen, variërend van triviaal (C, Java, Perl) tot echt complex (TADS, ABAQUS). Dit betekent dat u dezelfde editor kunt gebruiken om in vrijwel elke taal te programmeren en toch over dezelfde functies en opdrachtenset beschikt als u gewend bent.

Automatische inkepingen

Automatisch inspringen is misschien wel de handigste functie teksteditor. Je hebt liever te maken met code die er als volgt uitziet:

// zoekopdracht minimaal element in de matrix const int search_min(int **const array, const int kol_tasks,const int type_model) ( int min; for (int i = 0; i< kol_tasks; i++) { for (int j = 0; j < type_model; j++) { if (array[i][j] != -1) { min = array[i][j]; i = kol_tasks; j = type_model; } } } for (int i = 0; i < kol_tasks; i++) { for (int j = 0; j < type_model; j++) { if (array[i][j] < min && array[i][j] != -1) { min = array[i][j]; } } } return min; }

of code die er zo uitziet?:

// zoek naar het minimumelement in de matrix
const int search_min(int **const array, const int kol_tasks,const int type_model)
{
intmin;
voor (int i = 0; ik< kol_tasks; i++)
{
voor (int j = 0; j< type_model; j++)
{
als (array[i][j] != -1)
{
min = reeks[i][j];
ik = kol_taken;
j = type_model;
}
}
}
voor (int i = 0; ik< kol_tasks; i++)
{
voor (int j = 0; j< type_model; j++)
{
als (array[i][j]< min && array[i][j] != -1)
{
min = reeks[i][j];
}
}
}
retour min;
}

Dat dacht ik. De teksteditor bespaart u de noodzaak om alle tabbladen zelf in te stellen; hij voegt ze automatisch toe. Hierdoor kunt u de controlestroom volgen via inspringing, zodat u zeker weet dat u meedoet het gewenste blok code.

Snelle navigatiefuncties

Tenzij uw programma triviaal is, wilt u snel specifieke functies, instanties van bepaalde variabelen of individuele regels erin kunnen vinden. Teksteditors hebben dat meestal meer mogelijkheden dan tekstverwerkers. Laten we bijvoorbeeld zeggen dat u tijdens het compileren van een programma ontdekt dat u dit heeft syntaxisfouten op regel 312. In Vim hoeft u alleen maar 312G te typen en de cursor wordt naar regel 312 verplaatst. (Hoe weet Vim dat u geen 312G-tekens in het document wilt typen? Meer daarover in de link op de einde van het artikel).

Welke teksteditor moet ik gebruiken? Wat is het verschil tussen hen? Hoe kan ik het krijgen? Hoeveel kosten ze?

Er zijn heel veel verschillende editors, waarvan Vim en Emacs de meest populaire, krachtige zijn en beschikbaar zijn op verschillende besturingssystemen. Andere populair Kladblok-editor++ is een veel verbeterde versie van Kladblok. De meeste editors (inclusief Vim en Emacs) zijn gratis, maar sommige zijn shareware. Ik gebruik Vim, maar elke editor heeft zijn fans. Voor een lijst met enkele van de beste editors die beschikbaar zijn voor jouw platform, bekijk de Veelgestelde vragen over teksteditors. (Het is bedoeld voor gemiddelde gebruikers, maar alle genoemde editors zijn zeer goed voor het schrijven van C++-code.)

Hallo lezers! Vandaag zullen we erover praten de beste teksteditor met codemarkering - Notepad++- dit is het populairst gratis redacteur code. Notepad++ is het Zwitserse zakmes van de webmaster: gebruiksvriendelijk, betrouwbaar en rijk aan functies.

Waarom is Notepad++ zo goed dat het aan het begin van het artikel al zoveel vleiende scheldwoorden kreeg:

  • Absoluut gratis, wat op zichzelf verrassend is voor een programma van dit kaliber.
  • Standaard ondersteuning voor de Russische taal, er hoeven geen extra russifiers te worden geïnstalleerd.
  • Herkenning en syntaxisaccentuering van code uit meer dan 50 (!!!) programmeertalen: c/c++, c#, html, php, java, javascript, shell, SQL en vele andere. Van sommige heb ik zelfs nog nooit gehoord.
  • Snelle en gemakkelijke wijziging van documentcodering. In twee klikken verandert het onleesbare wartaal in Russische woorden.
  • Ondersteuning voor bladwijzers, waarmee u meerdere bestanden tegelijk in één editorvenster kunt openen. Doet me denken aan een browser.
  • Gebeurtenisgeschiedenis bijhouden - annuleer zoveel als u wilt recente acties, en als je te ver hebt gescrolld, kom dan terug, vooruit!
  • Eenvoudig werken met code: accentuering van de syntaxis, regelnummering, visuele weergave van de relatie tussen code-elementen, de mogelijkheid om een ​​codeblok samen te vouwen.
  • Flexibel en multifunctioneel zoeken.
  • Uitbreiding van functionaliteit door plug-ins. Met de ingebouwde NppFTP-plug-in kunt u bijvoorbeeld Notepad++ gebruiken als ftp-client.

En dit zijn slechts de goodies die aan de oppervlakte liggen, en je gebruikt ze de hele tijd. Als je dieper graaft, zal het je niet verbazen als je er zelfs een konijn uit kunt trekken.

Laten we nu alles in volgorde bespreken.

De Notepad++ teksteditor installeren

Om iets te installeren, moet je het eerst downloaden. Notepad++ kan dus helemaal gratis worden gedownload van de officiële ontwikkelaarswebsite.

Het installatieprogramma is een klein bestand met de extensie .exe. Start het op uw computer en volg de instructies van het installatieprogramma. Er is hier niets ingewikkelds, vergeet alleen niet Russisch te kiezen.

Als u een eigen website heeft, moet u het bestand uiteraard meestal in talen bewerken php-programmering en html. Laten we een editorvenster bekijken met daarin een bestand in de PHP-taal geopend.

Voor velen ervaren gebruikers De interface lijkt intuïtief en de beschrijving ervan is overbodig, maar houd rekening met beginners. Ik denk dat ze het graag willen lezen.

  1. Titel - toont de naam van het bestand en het adres van de locatie.
  2. Hoofdmenu - alle editorfuncties zijn hier verborgen.
  3. Snelknoppen - om niet in het hoofdmenu te hoeven duiken, worden de meest gebruikte functies weergegeven als knoppen op de voorpaneel Kladblok++-editor.
  4. Bladwijzers - elk bestand dat wordt geopend voor bewerking, wordt op een eigen tabblad weergegeven. Dit doet denken aan het werken met een browser. Als het diskettepictogram in de bladwijzerkop rood is, dan laatste wijzigingen niet opgeslagen in het bestand. Als het blauw is, betekent dit dat het is opgeslagen. nieuwste versie document.
  5. De lijnnummering is erg nuttig ding. In de meeste gevallen worden fouten geïdentificeerd aan de hand van het regelnummer dat de fout bevat. Met behulp van regelnummering is het niet moeilijk om het te vinden.
  6. Mogelijkheid om een ​​deel van de code samen te vouwen. Een zeer nuttige functie als de code te groot wordt. We rollen gewoon een deel ervan op, zodat het gemakkelijker is om mee te werken.
  7. De stippellijn verbindt onderling verbonden code-elementen – in ons geval de openings- en sluitingstags.
  8. De accentuering van de codesyntaxis varieert afhankelijk van de programmeertaal.

Extra functies van Notepad++

Syntaxisaccentuering instellen.

Als u eerder met een andere code-editor heeft gewerkt en gewend bent aan de syntaxisaccentuering ervan, kunt u deze eenvoudig overbrengen naar de teksteditor van Notepad++. Syntaxisaccentuering wordt geconfigureerd via de sectie "Opties" - "Stijlen definiëren...".

Er zijn 15 verschillende stijlen om uit te kiezen, voor elke smaak. Als geen van deze bij je past, kun je altijd je eigen unieke stijl creëren.

De volgorde van acties in dit geval is als volgt:

  • Selecteer in de eerste kolom de taal waarvoor we de stijl instellen.
  • Selecteer in de tweede kolom het taalelement.
  • Vervolgens stellen we de kleur en het lettertype voor dit element in.

Documenten vergelijken - Plugin vergelijken.

De plug-in Vergelijken is verantwoordelijk voor de documentvergelijkingsfunctie. Het wordt niet standaard meegeleverd met Notepad++, dus je zult het apart moeten installeren. Het kost heel weinig tijd en tegelijkertijd leert u hoe u nieuwe plug-ins installeert.

Ga naar het volgende pad: “Plugins” - “Plagin Manager” - “Toon Plagin Manager”. Het venster Plug-inbeheer verschijnt. Hier is een lijst van allemaal beschikbare plug-ins Kladblok++, georganiseerd in alfabetische volgorde. Wij zijn geïnteresseerd in vergelijken.

Vink het vakje naast Vergelijken aan en klik op “Installeren”. Het downloaden en installeren van de plug-in begint, waarna notepad++ opnieuw moet worden opgestart. Dat is alles. Vergelijken is nu beschikbaar in de sectie Plug-ins.

De inhoud wordt vergeleken huidig ​​document en wat er op het volgende tabblad staat. Om te beginnen met vergelijken, gebruikt u het item “Plug-ins” - “Vergelijken” - “Vergelijken” of de sneltoets Alt + D.

Om de vergelijking te annuleren, gebruikt u het item “Heldere resultaten” of de combinatie Ctrl+Alt+D.

Deze editor met accentuering van de codesyntaxis biedt een functie voor automatisch aanvullen. Het bestaat uit het feit dat Notepad++ een keuze biedt uit mogelijke eindes voor het begonnen woord. Standaard blijft deze functie hangen op de sneltoetsen Ctrl+spatiebalk, maar u kunt deze volledig automatisch maken. Om dit te doen, gaat u naar het gedeelte "Opties" - "Instellingen", gaat u naar het tabblad "Reserveren/Automatisch aanvullen" en vinkt u het selectievakje "Inschakelen voor elke invoer" aan. U kunt ook opgeven, beginnend vanaf welk teken, woordeinde-opties worden aangeboden.

In hetzelfde instellingengedeelte kunt u dit inschakelen back-up bestanden voor elke brandweerman. Hoewel ik het persoonlijk niet gebruik.

Gekoppelde tags invoegen.

Voor snel inbrengen Gekoppelde tags worden beantwoord door de TextFX Characters-plug-in. Het wordt niet geleverd met de standaard Notepad++-configuratie en wordt afzonderlijk geïnstalleerd via Plugin Manager. Sterker nog, het heeft nog veel meer functies, maar persoonlijk gebruik ik alleen deze.

Voor zichzelf maakt hij zelfs een apart item in het hoofdmenu: TextFX. We moeten de volgende optie inschakelen: “TextFX” - “TextFX Settigs” - “Autoclose XHTML/XML.

Nu, na het invoeren van de openingstag, verschijnt automatisch de sluitingstag. Houd er gewoon rekening mee deze functie werkt in documenten met .html- en .xml-machtigingen, in php-bestand dit zal niet gebeuren.

Zoeken en vervangen.

Om de zoekopdracht te openen, kunt u het gelijknamige menu-item of de sneltoets Ctrl+F gebruiken.

Er zijn 4 tabbladen en dienovereenkomstig hetzelfde aantal zoekfuncties:

  1. Zoeken - ontworpen om in het huidige document te zoeken.
  2. Vervangen: zoeken en vervangen in het huidige document.
  3. Zoeken/vervangen per bestand uit een bepaalde map.
  4. Zoek op notities.

Elke zoekmodus heeft zijn eigen instellingen, waardoor deze meer flexibiliteit biedt. Daarnaast is er ondersteuning voor reguliere expressies, en in de juiste handen zijn ze erg handig krachtig hulpmiddel. Ja, niet iedereen kan bogen op zo'n multifunctionele en diepgaande zoektocht. bestandsbeheerder, om nog maar te zwijgen van gratis teksteditors met accentuering van codesyntaxis.

De codering instellen.

Meestal wordt de noodzaak om de bestandscodering te wijzigen geassocieerd met een onjuiste weergave van Russische letters. In dit geval selecteert u in de sectie "Coderen" het item "Coderen in UTF-8 zonder stuklijst".

Dit is hoe twee muisklikken de codering veranderen van standaard ANSI naar UTF-8 zonder BOM. Vergeet niet het bestand op te slaan nadat u wijzigingen hebt aangebracht.

Light Explorer - een handige bestandsmap

Hier is nog een geweldige lichtgewicht plug-in: Light Explorer. Standaard geïnstalleerd via de ingebouwde Plugin Manager. Hiermee kunt u op de toetsencombinatie Alt+A drukken om de directorystructuur van uw computer in de linkerkolom te openen.

Helpt u snel de bestanden op uw computer te vinden die u nodig heeft en deze te openen om ze te bewerken.

Ingebouwde ftp-client - NppFTP-plug-in.

In Notepad++ is standaard de NppFTP-plug-in beschikbaar, die fungeert als ftp-client. Hierdoor kunt u met bestanden op de server werken zonder dat u gebruik hoeft te maken van ftp-clients van derden. Bespaart kostbare tijd. Alhoewel ik het toch liever gebruik.

Om de ftp-client in te schakelen, kunt u de knop “Show NppFTP Window” gebruiken. Er verschijnt een kolom aan de rechterkant.

Ga naar profielinstellingen.

In het venster dat verschijnt, klikt u op “Nieuw toevoegen” en voert u de naam van het nieuwe profiel in. Vervolgens moet dit profiel worden geconfigureerd.

Voer de volgende gegevens in:

  • Hostnaam - het adres van de server waarmee we verbinding zullen maken.
  • Gebruikersnaam, wachtwoord — accountnaam en wachtwoord.

Al deze gegevens moeten door de host aan u worden verstrekt. Klik daarna op “Sluiten”.

Nu kunt u verbinding maken met onze ftp en er met bestanden op werken.

De gratis teksteditor met codesyntaxisaccentuering Notepad++ heeft veel functies. Om dit te zien, hoeft u alleen maar naar het aantal beschikbare plug-ins te kijken. In dit artikel heb ik alleen die besproken die in de praktijk het meest worden gebruikt. Ik zou heel graag willen horen welke andere plug-ins mijn lezers gebruiken. Dus wees niet verlegen en geef commentaar.

Dat is alles. Bedankt voor uw aandacht! Zorg goed voor jezelf!