Elke webontwerper en codeur heeft een goede webpagina-editor nodig om HTML, CSS en HTML te maken en te bewerken JavaScript-code. Kladblok (Windows) en TextEdit (Mac) zijn geweldige hulpmiddelen om mee te beginnen, maar naarmate u meer ervaring opdoet, zult u een robuuster en gebruiksvriendelijker hulpmiddel willen gebruiken.

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

• WYSIWYG-editors. Dit grafische editor, waarmee u een pagina-indeling kunt bouwen en stijlen visueel kunt instellen, zoals in het bekende tekstverwerker MS-Word. Zij zijn 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 dat niet speciale opties ondersteuning voor webcode. Anderen zijn gespecialiseerd in het gebruik van webtalen zoals HTML, CSS, JavaScript en PHP, en hebben daar ingebouwde eigenschappen voor snelle invoer HTML-tags, CSS-eigenschappen, enzovoort. Met veel van deze editors kunt u een webpagina bekijken apart raam.

KompoZer (Windows, Mac, Linux)

KompoZer is een goede keuze als je dat nodig hebt visuele redacteur met een beperkt budget

Komodo Edit is een goede editor, gemakkelijk te leren maar 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.

Zeer 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 op een pagina moet selecteren om te kopiëren of te verplaatsen.

Komodo Edit heeft veel krachtige en nuttige functies zoals het gebruiken normale uitdrukkingen 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 als HTML/CSS/JavaScript-code-editor kunt gebruiken

Notepad++ is een geweldige vervanging voor Kladblok op 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 een lichtgewicht editor voor algemene doeleinden. 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 een consoleteksteditor met open source. 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 het selecteren van tekst; 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 een groot aantal van 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 handige 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.
• Handig voorbeeld met ingebouwde browser (met behulp van WebKit), met zeer 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 functies dan de ingebouwde Teksteditor.

Soms ontbreekt er echt iets goede redacteur voor PHP precies vanuit het gezichtspunt comfortabel werk met code, iets serieuzers dan eenvoudige syntaxisaccentuering. Tegelijkertijd zijn gewone editors dertien in een dozijn, waarbij helaas dezelfde syntaxisaccentuering niet altijd correct werkt.

Ik zou graag een normale implementatie van IntelliSense willen hebben, en geen ‘houten’ parodie erop in de vorm van een vooraf bepaalde lijst van methoden en taalconstanten die ‘uitvallen’ tijdens het werken met of zonder reden in de vorm volle lijst. IntelliSense moet alle klassen die u gebruikt, hun methoden en variabelen ‘weten’, dat wil zeggen verbonden via # bestand opnemen met de definitie van uw klasse, en de editor pikt deze onmiddellijk op en geeft informatie over alle “internals” van objecten van deze klasse.

Het zou ook leuk zijn om hints te krijgen bij het typen van de naam van een functie in de vorm van een korte beschrijving van de functie (geaccepteerde parameters, of er overbelaste functies zijn, enz.). Dit ontbreekt vooral voor zelfgeschreven functies; ik zag dergelijke hints, maar alleen voor native PHP-functies. Oh ja, het is ook erg handig om snel naar de definitie van een functie te gaan vanaf de plaats waar deze wordt aangeroepen. Over het algemeen wil ik veel meer, en ik beschouw al deze mogelijkheden als slechts een fractie van de meest noodzakelijke dingen in het codeerproces en niet als een overdaad...

We kunnen zeggen dat in deze zin mijn ideaal de MS-groep is Visuele studio+ Visual Assist, die ik gebruik bij het werken met C# en C++ (Visual Assist in deze combinatie is net als Reddingsboei). Wanneer je niet opnieuw in andere bestanden hoeft te duiken om de geaccepteerde functieparameters of de namen van bepaalde klasleden te bekijken, draagt ​​dit in ieder geval bij aan de productiviteit en “plezier” van het proces. Het ontbreken van een dergelijke editor onder de tools is zeer deprimerend, gezien het toenemende (van versie tot versie) objectgeoriënteerde karakter van PHP.

En hier is het!

Toch heb ik voor mezelf een redelijk goede editor gevonden - . Als je, net als ik, gebruik maakte van reguliere editors die het standaard “kladblok” vervangen en ook verlangde naar menselijke IntelliSense, dan raad ik je aan om het zeker te proberen. Daarnaast is het ook gratis (over de betaalde versie hieronder) en werkt het op basis van het Mozilov-framework (XPFE), waardoor het ook multi-platform is.

Deze editor is niet ideaal, hij heeft veel goede dingen, maar er is natuurlijk nog ruimte voor verbetering. Maar over het algemeen had ik in de eerste dagen dat ik hem ontmoette geen grenzen aan vreugde :)

Het is ook de moeite waard om de ondersteuning voor andere talen (Perl, Python, Ruby, Tcl) op te merken, evenals JavaScript, CSS, HTML, XML en nog veel meer (te oordelen naar de lijst met bestanden die het kan openen, kent het nog veel meer talen en technologieën, maar ik weet niet zeker of IntelliSense voor allemaal werkt). Ik was aangenaam verrast door de ondersteuning van veel populaire frameworks voor JavaScript (dit was hiervoor handig).

Ik heb waarschijnlijk nog geen tijd gehad om alle functionaliteit van Komodo Edit te bestuderen, maar ik zou graag enkele punten willen beschrijven.

Allereerst heb ik aangepast kleurenschema codeaccentuering voor PHP ( Bewerken -> Voorkeuren... -> Lettertypen en kleuren), aangezien ik al gewend ben aan kleuren van .

Ook nuttige toevoeging Het bleek een plug-in te zijn die alle TODO's in een open project of bestand vindt en deze in één lijst weergeeft (vergelijkbaar met hoe het in VS is geïmplementeerd). En een plug-in waarmee u alle klassen en methoden kunt zien die zijn gedefinieerd in open bestand() voor snelle navigatie er doorheen.

Over het algemeen is het zinvol om, voordat u Komodo gebruikt, de instellingen ervan te bestuderen en bepaalde parameters naar eigen inzicht te wijzigen. Ik heb bijvoorbeeld ook opnieuw gedefinieerd sneltoets om naar het definiëren van functies te gaan (ik deed F12, zoals in Visual Studio :)

Over het algemeen werkt alles redelijk goed, “aarde en lucht” vergeleken met coderen in een gewone editor.

Een beetje lastig voor volledige ondersteuning IntelliSense moet een projectbestand maken (u hoeft het alleen maar op te slaan in de hoofdmap van de site). Dat wil zeggen, als u één bestand buiten het Komodo-project opent, zullen alle opgenomen bestanden op geen enkele manier worden verwerkt, en dienovereenkomstig zal Komodo niets weten over de functies en klassen die in de opgenomen bestanden zijn gedefinieerd. Maar over het algemeen kan dit kleine ongemak worden overwonnen :)

Aan de andere kant kunt u met het maken van een projectbestand meer doen fijne instellingen projecten, die worden opgeslagen en elke keer dat u een project opent, zal Komodo ze onthouden. Hiermee kunt u bijvoorbeeld extra mappen opgeven, zodat Komodo bij het werken met uw project altijd de structuur van klassen en methoden in gedachten houdt (voor IntelliSense en diverse tips), geïmplementeerd in bestanden die zich in de opgenomen map bevinden, zelfs als deze bestanden op geen enkele manier (via include of require) verbonden zijn met het bestand dat wordt bewerkt. U kunt ook tekst in alle projectbestanden zoeken of vervangen. Ook onthoudt Komodo de bladwijzers die u in de code maakt ( Ctrl+F2) voor elk bestand is dit erg handig.

Ik was een beetje onaangenaam verrast dat Komodo Edit niets weet over de ingebouwde klassen in PHP (misschien doe ik iets verkeerd?). Als u bijvoorbeeld de mysqli-klasse moet gebruiken:

$mysqli = nieuwe mysqli(HOST, GEBRUIKER, PASS, MBASE); if (mysqli_connect_errno()) ( print "Verbinding mislukt: ".mysqli_connect_error(); exit(); ) $mysqli->query("INSERT....."); $mysqli->close();

Wanneer ik, na het schrijven van het woord “$mysqli”, toegang krijg tot de methoden van dit object (ik schrijf het “->” teken), wil Komodo Edit niets vragen over de query-, sluit-, enz.-methoden, en in op de statusbalk zweert het dat, zeggen ze, ik de definitie van deze klasse nooit heb gezien... Bovendien, met ingebouwde PHP-functies er zijn geen problemen, Komodo kent bijvoorbeeld heel goed de mysqli_*-familie van functies (waarvan de wrapper de mysqli-klasse is). Maar ik hoop dat deze fout ooit zal worden gecorrigeerd. Als u bijvoorbeeld met de database werkt via uw eigen wrapper-klasse (of via zoiets als PEAR), dan zouden er geen problemen moeten zijn met IntelliSense.

Het overkwam mij eens dat Komodo bij het bewerken van een js-bestand niet begreep welk Javascript raamwerk dat ik gebruik. Maar gelukkig kan dit altijd worden gecorrigeerd in de instellingen ( Bewerken -> Voorkeuren... -> Code-intelligentie).

Bestaat betaalde versie Komodo, genaamd Komodo IDE. Zoals ik het begrijp, zit het belangrijkste verschil met Komodo Edit in de functies die veel IDE's gemeen hebben. Komodo IDE heeft ingebouwde versiebeheertools (SVN) en een codedebugger.

Trouwens, Komodo Edit heeft nog steeds een primitieve debugger die je meteen op de hoogte stelt van kleine fouten als een vergeten puntkomma aan het einde van een regel, een niet-gesloten haakje, enz. Hij benadrukt dergelijke fouten in het rood golvende lijn. Om deze foutopsporing te laten werken, moet u het pad opgeven naar uitvoerbaar bestand PHP en php.ini ( Bewerken -> Voorkeuren… -> Talen -> PHP).

Zoals u kunt zien, kunnen soortgelijke instellingen voor alle andere talen worden gemaakt.

Nawoord

Komodo Edit is nu mijn dagelijkse hulpmiddel 🙂 Bovendien blijf ik voor korte bewerkingen van enkele kleine dingen in incidentele gevallen een analoog van een geavanceerd notitieblok gebruiken - Notepad++, dat wil zeggen, ik gebruik het voor zijn echte doel.

Vóór Komodo Edit heb ik ook een interessante plug-in voor Visual Studio geprobeerd, genaamd VS.Php. Het is ingebouwd in Visual Studio en zorgt ervoor dat je op dezelfde manier met PHP kunt werken als bijvoorbeeld met C# (je kunt code debuggen, IntelliSense werkt etc.). Maar op de een of andere manier maakte het niet echt indruk op mij, vooral gezien het feit dat er voor betaald is. Bovendien kun je, zoals ik het begrijp, de ondersteuning voor JavaScript, enz. volledig vergeten als je erin werkt. Een ander interessant ding is dat IntelliSense, net als Komodo, niet werkt voor klassen die in PHP zijn ingebouwd. Deze VS.Php conflicteert ook met Visual Assist.

Er zijn nog twee vergelijkbare editors waar ik over heb gehoord, maar die ik op de een of andere manier niet heb geprobeerd (het volgende is slechts IMHO en gissingen gebaseerd op "geruchten"):

• Zend Studio wordt betaald, volgens recensies is de indruk dat het iets omslachtigs is en vooral toepasbaar is in zeer grote en complexe projecten, het is misschien vooral geschikt als het project is gemaakt op basis van het Zend Framework.
• Eclipse is gratis, maar het heeft me waarschijnlijk afgeschrikt omdat het te ingewikkeld was. Zoals ik het begrijp, moet je het nog steeds zelf kunnen samenstellen uit verschillende modules. Over het algemeen was er op de een of andere manier geen behoefte om erachter te komen hoe ik het moest installeren en configureren (maar ooit probeerde ik het toch een beetje 😉), hoewel iemand het ongetwijfeld heel leuk zou kunnen vinden.

***

Als iemand andere redacteuren kan aanbevelen, rekening houdend met mijn "kieskeurige" smaak, zou ik zeer dankbaar zijn. Het zou ook interessant zijn om eventuele aanvullende informatie te horen interessante kenmerken Komodo van degenen die het al gebruiken.

Over het algemeen weg met de primitieve codeverlichting met de wagen onnodige functies! Dit is een “pijnlijke” steen in de tuin die voortdurend verschijnt eenvoudige editors codes vertonen op voorgrond Een van de “voordelen” is een ingebouwde bestandssysteemverkenner of zoiets als een mini-database-editor/viewer (nou ja, waarom is dit nodig als er niet de belangrijkste dingen zijn voor precies waarvoor de code-editor oorspronkelijk zou moeten worden gebruikt) ), enz. etc.. Om de een of andere reden wil bijna elke beginnende (hoewel misschien niet altijd een beginnende) programmeur “snel” zijn eigen “mega”-editor maken, die vaak ontaardt in “weer iets pijnlijk bekends”... uiteraard deze traditie uit de serie “Hallo wereld!” 😉

Het PHP-bestand bevat bron, geïmplementeerd met behulp van de taal PHP-programmering. Het bestand heeft een PHP-extensie en kan een script of een webpagina zijn. Dit formaat bestand vereist een gespecialiseerd software op gebruikerscomputer. Het voordeel van de PHP-taal is de uitvoering op de server.

Om een ​​PHP-bestand correct te openen, evenals het daaropvolgende debuggen van de daarin opgeslagen code, besturingssysteem Er moet een lokale server geïnstalleerd zijn.
Er zijn verschillende applicaties die een bestand met een PHP-extensie volledig kunnen openen. Dergelijke hulpprogramma's omvatten software-editors zoals Dreamweaver, PHPEdit en ook Eclipse PHP Development Tools kunnen ze snel een PHP-bestand openen. Als de gebruiker de inhoud met de PHP-bestandsextensie wil bekijken, kunt u dit gebruiken teksteditor Tegelijkertijd raden experts het gebruik van editors zoals Adobe Dreamweaver, Notepad++ of PSPad-editor.

De bestandsextensie PHP is gebruikelijk in de webprogrammeeromgeving Wereld wijde web, duidelijke voordelen PHP-script, liggen in zijn eenvoud, rijke functionaliteit en hoge uitvoeringssnelheid. PHP-extensie gebruikt door een zeer groot aantal ontwikkelaars van over de hele wereld. Vaak, PHP-taal programmeren wordt gebruikt in combinatie met MySQL-databases.

Code PHP-pagina's wordt dynamisch verwerkt door de server, waarna de gebruiker de gegenereerde HTML-code ontvangt. Als de computereigenaar het .php-bestand wil uitvoeren, moeten ze lokale PHP-servers gebruiken, zoals Denver, Apache-PHP of WampServer. Om PHP op deze manier te openen, hoeft u alleen maar dit type bestand naar de webservermap door het te starten door het adres in de browserregel te typen.

• Vertaling

PHP is een van de meest gebruikte talen voor het maken van websites. PHP-frameworks zoals Zend, CakePHP, CodeIgniter, enz open source klassen en bibliotheken maakten de ontwikkeling eenvoudiger.
Of u nu een ervaren ontwikkelaar of een nieuweling bent, de tools die u gebruikt hebben een directe impact op uw productiviteit. Hier is een lijst van echt nuttige hulpprogramma's en extensies voor PHP-ontwikkelaars die de ontwikkeling zullen helpen versnellen en de uiteindelijke kwaliteit van de code zullen verbeteren.

Testen

PHPEenheid
PHPUnit behoort tot de xUnit-familie van testframeworks en maakt het gemakkelijk om tests te schrijven, uit te voeren en de resultaten te analyseren.

SimpleTest is een analoog van JUnit/PHPUnit. Ondersteunt nepobjecten en kan worden gebruikt om regressietests van webapplicaties te automatiseren. Dit is mogelijk met behulp van een scriptable HTTP-client, dat pagina's parseert en zaken simuleert zoals het klikken op links en het indienen van formulieren.
vfsStream
vfsStream is een wrapper voor bestandsstreams, handig bij het testen van eenheden voor het maken van nepobjecten bestandssysteem. Kan worden gebruikt in combinatie met elk testframework, zoals SimpleTest of PHPUnit.

Continue integratie

phpOnderControl
phpUnderControl is een add-on voor het automatische bouwsysteem CruiseControl, dat enkele van de het beste middel ontwikkeling in PHP. Het project heeft tot doel uw eerste stappen met PHP en CruiseControl zo eenvoudig mogelijk te maken. phpUnderControl wordt geleverd met een hulpprogramma waarmee u een bestaand CruiseControl-systeem kunt wijzigen.
Xinc
Xinc is een continue integratieserver geschreven in PHP 5. Het heeft ingebouwde ondersteuning voor Subversion en Phing (dat wil zeggen PHPUnit) en kan eenvoudig worden aangepast om andere versiebeheer- en bouwsystemen te ondersteunen.

Spiekbriefjes

PHP-spiekbriefje van AddedBytes
Een spiekbriefje van één pagina met argumenten voor datumopmaakfuncties, syntaxis van reguliere expressies en algemene functies.
PHP 5 online spiekbriefje
Typecasting: Booleaans, geheel getal, tekenreeks, array, object/klasse; Lijnen: functies, verwerking; Arrays: functies, verwerking; Klassen: declaratie, methodedeclaratie, zichtbaarheid; Datum/Tijd: functies, formaten; Vooraf gedefinieerde variabelen: $_SERVER, $_FILES

In dit artikel maak je kennis met het beste programma voor het openen van php-bestanden is de naam Notepad++. Vanwege zijn eenvoud en veelzijdigheid is het enorm populair onder computergebruikers. Oordeel zelf, het programma is helemaal gratis en, belangrijker nog, het opent bijna elk programma tekstbestanden, inclusief php. Dit programma maakt het leven gemakkelijker voor webmasters, en gewone gebruikers computer. Standaard editor doet niet half zoveel als Notepad++, probeer het gewoon en je zult zelf alles begrijpen.

Belangrijkste voordelen van het programma:

1. De volledige interface is in het Russisch vertaald.
2. Geheel gratis en zonder reclame.
3. Functie die het bekijken en bewerken van meerdere tegelijk ondersteunt documenten openen.
4. Ondersteunt de meest populaire formaten, die bijvoorbeeld WEB-ontwikkelaars actief gebruiken dit programma bij het maken van websites.
5. Syntaxisaccentuering, geweldige mogelijkheden bij het werken met tekst.

Dus we zijn er achter gekomen, het programma is uitstekend! Laten we nu eens kijken hoe ze opent php-bestanden. De schermafbeelding laat zien dat het programma niet alleen php-bestanden opent, maar ook de syntaxis benadrukt en een functie heeft voor het samenvouwen van individuele codeblokken, gewoon een uitkomst voor een programmeur.

Aandacht! Kameraad programmeur, je zult snel ontdekken hoe je php opent, maar weet je dat ook? Nee?! Laten we het dan sneller lezen: dit kleine programma is het beste van het beste voor PDF-bestanden.

U kunt het programma downloaden van de officiële website via de onderstaande link.

Download Notepad++ van de officiële website