Kladblok voor het bewerken van HTML. Een selectie van gratis platformonafhankelijke omgevingen voor webontwikkeling

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.

Het instellen van de tekst Kladblok-editor++

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!

Hallo vrienden op de golven van de blogsite na Nieuwjaarsvakantie terug naar nieuwe publicaties, om het nieuwe te plezieren interessante informatie. In dit bericht geef ik een selectie van de meest populaire programma's voor het bewerken van code (html, css, js, php). Allereerst richt ik me op ontwikkelaars (programmeurs) die comfortabel zullen werken met gemarkeerde syntaxis, kant-en-klare fragmenten en andere goodies die in het programma zijn opgenomen. Laten we bepalen wat de beste HTML-teksteditor is.

Voordat we bij de lijst komen html-editors, Ik zou graag uw mening willen horen in de opmerkingen over welke code-editor u gebruikt. Elke ontwikkelaar voelt zich op zijn gemak met zijn eigen tool, waaraan hij gewend is, en ik zou graag willen dat er minder controverse ontstaat ten gunste van het ene of het andere product. En mocht u besluiten om in discussie te gaan, dan zou ik u willen vragen een beargumenteerde mening te geven over uw programma dat u gebruikt.

Ik hoop dat iedereen zich herinnert waar je het kunt krijgen betaald product! Gewoon shhh, ik heb het je niet verteld =)

1. Kladblok++

Gratis teksteditor met open broncode voor Windows met syntaxisaccentuering voor een groot aantal programmeer- en opmaaktalen. Ondersteunt het openen van meer dan 100 verschillende formaten. Populair lichtgewicht editor om documenten snel te bewerken, gebruik ik het om kleine stukjes code direct te bewerken.

Mogelijkheden:

  • Syntaxisaccentuering
  • Code samenvouwen, uitbreidbaar pictogram
  • Automatische aanvulling van woorden en uitdrukkingen en automatisch sluiten haakjes en tags (ingeschakeld in instellingen)
  • Bladwijzers voor diverse documenten
  • Reguliere expressies voor zoeken en vervangen
  • Macro's opnemen en afspelen (specifieke gebruikersacties herhalen)
  • Bestandsvergelijking
  • Projectmanager
  • Documentkaart
  • Negeer eventuele sneltoetsen
  • Back-up van opgeslagen bestanden (ingeschakeld in instellingen)
  • Tekst transformeren met behulp van de aangesloten TextFX-plug-in
  • Ondersteuning en conversie ANSI-coderingen, UTF-8 en UCS-2

Vrijwaring

Ik ben jong genoeg en onervaren op IT-gebied om superargumenten te maken, dus alles wat hieronder wordt vermeld, zal mijn persoonlijke subjectieve gedachten en redeneringen zijn. Als iemand het niet met mij eens is, zal ik de discussie alleen maar graag ondersteunen en dit allemaal in de reacties bespreken.


Nu werk ik op Windows, in de toekomst zou ik kunnen overstappen naar Mac OS, dus bij het kiezen van een teksteditor/IDE heb ik meteen de nadruk gelegd op cross-platform. Ik heb iets meer opties overwogen dan ik hier zal opsommen, omdat ik besloot alleen de opties te benadrukken die mijn aandacht trokken. Ik zal proberen de visie hierop kort te beschrijven verschillende kanten vermelde softwareproducten.

Standaard taken

Onder standaard taken Ik bedoel banale lay-outtaken, d.w.z. HTML, CSS, misschien JavaScript. Ik zal niet de nadruk leggen op de dingen die overal voorkomen, bijvoorbeeld: veranderende kleurthema's, beheersysteem voor projectmappen, enz.

Een uitstekende editor voor ASP.NET- en node.js-applicaties. De beroemde IntelliSense, de mogelijkheid om met klassen en objecten te werken door middel van referentie. Alles-in Microsoft-stijl. Er is een ingebouwde debugger. Ik wil het ook benadrukken wat is naar mijn mening uitstekende vervanging MonoDevelop voor .NET-ontwikkelaars buiten Windows (hier Visual Studio).

De editor is nog in ontwikkeling, maar het werk vordert vrij snel, aangezien het Microsoft is.

Kortom


Samenvattend het bovenstaande heb ik mijn keuze gemaakt. Je hoeft niet op dezelfde criteria te vertrouwen als ik. Ik bespreek alles graag in de reacties op het artikel.

Bedankt voor uw aandacht!

Hallo, lieve lezers blogsite. Vandaag zullen we kijken naar een van de beste teksteditors, Notepad++, die er veel heeft nuttige functies en is een van de meest gebruikte programma's voor het bewerken van html, css en php-code. En over het algemeen is deze editor populair bij veel programmeurs en ontwikkelaars.

In het artikel vermeldde ik dat webpagina's zelfs kunnen worden gemaakt met behulp van het ingebouwde Kladblok in Windows. Maar maak html en css-bestanden in een notitieboekje is het praktisch hetzelfde als een gat graven met een graafstok. In een notitieblok, naast de mogelijkheid om te maken en te bekijken tekstbestanden, er is niets.

Door Kladblok te gaan gebruiken om bestanden te corrigeren met html, css, php en andere codes, bespaart u uzelf veel tijd en zenuwen. In eerste instantie lijkt het gebruik van deze editor natuurlijk een beetje moeilijk voor u. Maar als je tenminste de basis leert gebruiken Kladblok-mogelijkheden++, dan zal het moeilijk voor je zijn om zonder te doen.

Kladblok heeft aanzienlijke voordelen, niet alleen ten opzichte van het standaard Windows-kladblok, maar ook in vergelijking met andere complexe programma's voor het schrijven en bewerken van verschillende codes. Als je Notepad++ bijvoorbeeld vergelijkt met populair programma voor het ontwerpen van Dreamweaver-websites heeft het veel voordelen. Allereerst is Notepad++ helemaal gratis. En ten tweede, veel gemakkelijker en sneller. Over het algemeen kunt u het uitvoeren zonder het in het Windows-besturingssysteem te installeren als u het gebruikt draagbare versie Kladblok++, waarmee u het programma op een flashstation kunt zetten en altijd bij u kunt dragen.

Laten we nu alles in meer detail bespreken.

De Notepad++-editor, de mogelijkheden en configuratie ervan installeren

Teksteditor downloaden Notepad++ is absoluut gratis U kunt vanaf de officiële website deze link gebruiken. De gedownloade kit bevat verschillende talen, waaronder Russisch.

Het programma installeren in de operatiekamer Windows-systeem gebeurt op een volledig standaard manier:

  • dubbelklik met de linkermuisknop op het gedownloade bestand, de installatie start;
  • selecteer in het geopende venster de taal die u nodig hebt;
  • druk vervolgens meerdere keren op volgende en accepteer licentieovereenkomst door de installatiemap en de te installeren componenten te selecteren;
  • klik vervolgens op installeren, wacht een paar seconden en Notepad ++ is geïnstalleerd.

Indien nodig kunt u Notepad++ Portable downloaden draagbare versie deze teksteditor, waarvoor geen installatie vereist is.

Laten we nu de mogelijkheden van deze teksteditor doornemen:

1. Het eerste dat opvalt is dat Notepad++ dat is teksteditor met syntaxisaccentuering enkele tientallen van de meeste populaire talen programmeren inclusief HTML, CSS, JavaScript en PHP. Kijk volledige lijst talen waarvoor het kladblok de syntaxis kan markeren en u de gewenste taal kunt selecteren in het hoofdmenu van het programma op het tabblad “Syntaxis”:

Als u bijvoorbeeld instelt achtergrondverlichting html-code , het zal er ongeveer zo uitzien:

De figuur laat zien dat tags blauw zijn gemarkeerd, attributen rood en platte tekst zwart. Dit is erg handig bij het bewerken van code en het vinden van fouten daarin. Indien nodig kunt u syntaxisaccentuering in het menu configureren “Opties” - “Stijlen definiëren”. Er wordt een venster geopend waarin u het lettertype en de syntaxisaccentuering kunt configureren voor de taal die u nodig hebt:

In het geval dat gewenste taal nee, dan kunt u uw markering aanpassen in hetzelfde menu "Syntaxis", er is een item "Stel uw taal in":

Geef lijsten op in het venster dat verschijnt trefwoorden taal en configureer hun weergavestijlen. De talen die op de lijst staan ​​waren voor mij altijd voldoende, dus ik heb deze functie niet in detail onderzocht.

Naast het daadwerkelijk uitlichten zelf is voor al deze talen de code opgedeeld in blokken die respectievelijk met de min- en plusknoppen kunnen worden ingeklapt en uitgevouwen. Ook wordt de verbinding tussen elementen gemarkeerd met een stippellijn. En als u bijvoorbeeld de cursor op de opening plaatst html-tag, dan wordt niet alleen deze, maar ook de bijbehorende sluittag blauw gemarkeerd:

Notepad++ kan ook haakjes openen en sluiten en functies in aparte blokken verdelen. Dit alles helpt heel goed bij het navigeren door de code en vereenvoudigt het zoeken naar niet-gesloten haakjes en tags in de programmatekst aanzienlijk.

2. Het komt vaak voor dat we bij het typen van code kunnen vergeten hoe we deze of gene HTML-tag moeten schrijven of PHP-operator. Om dit probleem op te lossen heeft de teksteditor van Notepad++ een functie geïmplementeerd tooltips En automatische voltooiing het woord dat wordt getypt. Met de sneltoets “Ctrl+Spatie” wordt een hint opgeroepen en het enige wat overblijft is selecteren de juiste optie uit de voorgestelde lijst:

U kunt de automatische weergave van tooltips inschakelen, zonder sneltoetsen te gebruiken. Om dit te doen, klikt u op het menu “Opties” - “Instellingen” Ga in het geopende venster naar het tabblad “AutoAanvullen” en vink het vakje aan naast “Inschakelen bij elke invoer”:

In hetzelfde venster kunt u inschakelen automatische invoeging sluiten html-tags, haakjes en aanhalingstekens.

3. NotePad++ maakt het heel gemakkelijk codering wijzigen bestand. Als u bijvoorbeeld de nu populaire UTF-8-codering zonder BOM wilt installeren, gaat u hiervoor naar het tabblad "Coders" in het hoofdmenu en klikt u op het item "Converteren naar UTF-8 zonder BOM" en sla het bestand op:

4. Met Notepad++ kunt u meerdere bestanden tegelijk openen en bewerken, in tegenstelling tot standaard notitieblok. Hiervoor gebruikt hij bladwijzers, vergelijkbaar moderne internet browsers. Elk geopend bestand heeft dus zijn eigen bladwijzer, waarin de bestandsnaam wordt aangegeven en een afbeelding van een diskette wordt geplaatst:

De diskette kan blauw of rood zijn. De kleur van de diskette geeft aan of wijzigingen in het bestand zijn opgeslagen of niet:

  • blauwe diskette - bestand opgeslagen;
  • rood: wijzigingen niet opgeslagen.

Tabbladen met geopende bestanden kunnen in willekeurige volgorde worden gesloten, versleept en gerangschikt. Met behulp van de instellingen kunt u tabbladen verticaal laten verschijnen of helemaal verbergen, slepen verbieden en het sluiten van tabbladen configureren dubbelklikken muizen. Al deze instellingen zijn te vinden op het tabblad “Opties”, onder de knop “Instellingen”:

Er wordt een instellingenvenster geopend waarin u in het gedeelte 'Algemeen', in de instellingengroep 'Tabbalk', de benodigde vakjes kunt in- of uitschakelen:

Bovendien heeft deze editor de mogelijkheid twee exemplaren van hetzelfde document tegelijk openen. Om dit te doen, klikt u met de rechtermuisknop op het tabblad met het benodigde bestand en selecteer “Dupliceren in een ander gebied”:

Hierna wordt een tweede tabblad met dit document geopend:

Elke bladwijzer heeft de mogelijkheid om notities of notities toe te voegen. Ze versnellen de bestandsnavigatie en zoeken naar belangrijke codefragmenten in bestanden een groot aantal lijnen. Om een ​​markering tegenover te maken de gewenste lijn Klik in het linkerveld met de muis om een ​​markering in de vorm van een blauwe stip in te stellen:

Door nu op de “F2”-toets te drukken, beweegt de cursor tussen de noten - blauwe markeringen.

5. Ik vind het nodig om op te merken dat de Notepad++-editor erg handig is tekst zoeken zoals in bestand openen, en in verschillende bestanden in specifieke map. Het is mogelijk om te gebruiken bij het zoeken reguliere expressies, wat in de juiste handen een krachtig hulpmiddel kan zijn. Zoeken en vervangen kan ook. Samen kunnen zoeken en vervangen en reguliere expressies het bewerken van tekstdocumenten aanzienlijk versnellen.

Functie tekst zoeken kan worden gebeld met bovenste menu“Zoeken”, waarin het zoektype wordt geselecteerd, of door de sneltoetscombinatie “Ctrl+F” te gebruiken, waardoor het bijbehorende venster met zoekinstellingen wordt geopend:

In het geopende venster selecteert u een bladwijzer met noodzakelijke actie(“Zoeken”, “Vervangen”, “Zoeken in bestanden” of “Markeren”) en stel de parameters in.

6. Vaak bij het werken met html-bestand, het is nodig om te zien hoe het er in de browser uit zal zien. Om dit te doen, heeft Notepad++ de mogelijkheid om te bekijken html-pagina's V Internetbrowsers Verkenner, Firefox, Chrome en Safari. Om deze actie uit te voeren, klikt u gewoon op de knop "Uitvoeren" in het hoofdmenu en selecteert u het uitvoeren van de code in de gewenste browser:

Ook kunt u in de betreffende editor elk fragment van de php-code selecteren en op "Uitvoeren" - " klikken Verkrijg php help", waarna Notepad++ u doorverwijst naar de http://php.net-websitepagina met een beschrijving van deze code.

Op hetzelfde tabblad van het menu “Launch” is het mogelijk om naar geselecteerde tekstfragmenten te zoeken zoekmachine Google en de online encyclopedie Wikipedia. Selecteer hiervoor een stukje tekst en druk op de knop “ Google Zoeken", of "Wikipedia Search" en u wordt automatisch doorgestuurd naar de Google- of Wikipedia-websitepagina met zoekresultaten. Toegegeven, voor al deze acties heb je een internetverbinding nodig.

7. Wanneer u bestanden bewerkt, onthoudt Notepad++ alle wijzigingen die u aanbrengt. Daarom kunt u de voltooide actie op elk moment annuleren ( een stapje terug doen). Bovendien kunt u zoveel stappen achteruit of vooruit terugdraaien als u wilt, zodat u wijzigingen in de code kunt aanbrengen zonder het risico op onomkeerbare gevolgen.

U kunt heen en weer scrollen met de items “Ongedaan maken” en “Opnieuw” op het tabblad “Bewerken” in het hoofdmenu, of met behulp van de knoppen in de vorm van gebogen pijlen op de werkbalk (als er wijzigingen zijn aangebracht, zijn de pijlen groen gekleurd):

U kunt acties ook ongedaan maken met behulp van sneltoetsen:

  • CTRL + Z - stap terug, analoog aan het item "Annuleren";
  • CTRL + Y - stap vooruit, analoog aan het item "Herhalen";

Een belangrijk punt is dat Notepad++ voortdurend de status controleert van de bestanden die erin zijn geopend, en als ze door een ander programma worden gewijzigd of verwijderd, zal de editor u een waarschuwing laten zien dat het bestand door een ander programma is gewijzigd en u vragen om het bij te werken. :

8. U kunt de mogelijkheden van de Notepad++-testeditor uitbreiden met behulp van verschillende plug-ins. Sommige zijn standaard geïnstalleerd en de rest kan worden geïnstalleerd met behulp van de ingebouwde plug-inbeheerder, die wordt opgeroepen via het bovenste menu, het tabblad "Plug-ins" - " Plug-inbeheer" - "Pluginbeheer tonen":

Het venster “Plugin Manager” wordt geopend, waarin het eerste tabblad een lijst met beschikbare plug-ins bevat. Om te installeren de benodigde plug-in vink het vakje ernaast aan en klik op de knop "Installeren".

Met behulp van plug-ins kunt u bestanden vergelijken, grammatica controleren, FTP insluiten en over het algemeen van een gewone teksteditor een krachtig hulpmiddel maken voor het maken van websites.

Ik zal proberen de mogelijkheden van de plug-ins in detail te beschrijven in een van volgende artikelen, dus vergeet je niet te abonneren op blogupdates. Tot ziens!

Er zijn veel manieren om code voor webapplicaties te schrijven, van teksteditors tot cloudgebaseerde ontwikkelomgevingen. Het is moeilijk om meteen te beslissen welke omgeving het meest geschikt is voor de uit te voeren taken. Om u tijd te besparen, hebben we de meest populaire geselecteerd:

Aan het einde van elke sectie staat er draaitabel, waarin je duidelijk een vergelijking ziet van de functies van editors voor webontwikkeling. Dit artikel bespreekt uitsluitend gratis platformonafhankelijke oplossingen, dus populaire eigen editors zoals Sublime Text zijn niet opgenomen in de selectie.

Teksteditors voor webontwikkeling

Komodo Edit

Belangrijkste kenmerken:

  • eindeloos verhaal over annulering,
  • een breed scala aan plug-ins,
  • ondersteuning voor honderden programmeertalen en bestandsformaten,
  • krachtig zoeken en vervangen,
  • integratie met tools van derden.

GNU Emacs

Desktop Integrated Development Environments (IDE's)

Verduistering

Cloud IDE's

De meeste desktopapplicaties zijn naar de cloud verhuisd, dus dat is niet verrassend cloud-omgevingen worden ook populair onder programmeurs. Niet iedereen vertrouwt cloud-IDE’s meteen, maar populaire tools als Github en Pastebin helpen je wennen aan het feit dat de broncode niet op lokale machine, maar op een server van derden.

Wolk9

Na een paar minuten werken in Cloud9 krijg je de indruk dat je in het paradijs voor programmeurs bent. De interface is geschreven in JavaScript, en servergedeelte- op NodeJS. Hoewel Cloud9 de voorkeur geniet van ontwikkelaars en interfaceontwerpers, ondersteunt het syntaxisaccentuering voor C#, C++, Python, Perl, Ruby, Scala en enkele andere talen.

De ingebouwde modus van Vim is een leuke bijkomstigheid, net als de ondersteuning populaire systemen versiebeheer zoals Git, Mercurial en SVN. Met CSSLint en JSBeautify is het een van de mooiste ontwikkelomgevingen.

Code overal

Een andere tool voor het maken van apps die vaak bovenaan de lijst van de beste staat, is Codeanywhere. Deze cloudvriendelijke IDE ondersteunt codeaccentuering voor HTML, CSS, JavaScript, PHP, MySQL en andere talen. Met apps voor iOS, Android en BlackBerry zorgt Codeanywhere ervoor dat programmeurs overal kunnen werken.

Bovendien ondersteunt Codeanywhere Dropbox en SFTP, waarmee u eenvoudig creaties kunt maken back-ups projectbestanden en deel ze met collega's. Het is niet de meest complete omgeving, maar het klaart de klus perfect.

Het systeem is betaald, maar er is een gratis tariefplan.

Eclipse Che

Eclipse Che - cloudgebaseerd werkruimte ontwikkelaar en ingebouwde IDE. Che biedt een open source extern platform voor het maken van applicaties voor meerdere gebruikers.

Belangrijkste kenmerken:

  • werkruimten inclusief runtimes en IDE's,
  • werkstationserver met RESTful webservices,
  • cloud-IDE,
  • taalplug-ins, platforms en tools,
  • SDK voor het maken van plug-ins en samenstellingen.

Eclipse Che heeft twee builds: voor één gebruiker en voor meerdere gebruikers. De eerste heeft geen componenten die multitenancy en differentiatie van toegangsrechten bieden. In dit geval blijft de server onbeschermd, maar voor lokale ontwikkeling- dit is een goede keuze.

Multi-tenant biedt multi-tenancy. Rekeningen Gebruikers en desktops zijn geïsoleerd en het KeyCloak-mechanisme wordt gebruikt voor registratie, beheer en authenticatie. Machtigingen-API's regelen de toegang tot objecten zoals ruimtes, stapels en organisaties. Gebruikersinformatie wordt opgeslagen in een migratiebewuste database (PostgreSQL).