Dit eerste besluit zal bepalen uw productiviteit en effectiviteit als je de code.
voordat u zelfs beginnen met het leren van Web Development, moet men kiezen en downloaden van de code-editor van uw keuze.
dit deel hier is cruciaal-uw reis, uw leercurve staat op het spel. Dit zal de tool die u zal gebruiken als je begint met het schrijven van uw code, en er zijn verschillende code-editors voor u om uit te kiezen.
voor degenen die 10 + jaar geleden begonnen met coderen, was het meest gebruikte platform Notepad++, en andere code-editors volgden waren TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, Vim, haakjes en CoffeeCup HTML-Editor.
in de moderne technologie zijn de keuzes beperkt tot weinig, namelijk sublieme tekst, Atom, VSCode, Vim, haakjes.
terwijl u verder studeert, zult u verschillende leraren of instructeurs vinden die de voorkeur gaven aan het gebruik van een andere teksteditor, het maakt niet uit of u ze volgt en dezelfde editor gebruikt, of uw eigen editor kiest, wat belangrijk is, is dat u comfortabel bent met de door u gekozen teksteditor. Kies wat u productiever maakt, want het zal u helpen een betere programmeur te worden.
kies verstandig.
Atom is gestart door Github geniaal ontwikkelaars, maar nu eigendom van Microsoft, het goede ding over het Atoom is gratis, het is open-source en ook zeer aanpasbaar, het beste deel over het atoom is de Teletype-functie, waarmee verschillende/meerdere ontwikkelaars werken aan hetzelfde project, op hetzelfde wetboek, van elk deel van de wereld, op een andere locatie.
Atom is een beetje vergelijkbaar met Sublime Text, maar veel ontwikkelaars die de voorkeur gaven aan Atom was vanwege de eenvoudige interface in vergelijking met Sublime Text.
Atom kan gebruikt worden op 3 besturingssystemen (OS), Windows, Mac en Linux, dus het platform dat je Atom hebt is beschikbaar.
kenmerken:
- Atom is een desktop applicatie voor Web technologieën
- het heeft modulair ontwerp en bevat meer dan 50 open-source extensie/pakketten die u kunt integreren rond een minimale kern
- fragmenten
- schone en eenvoudige gebruikersinterface
- Node.js-integratie
- bestandssysteem Browser
- Hackable Approach
- Kirby-fragmenten, de favoriet van atom-gebruiker. https://atom.io/packages/kirby-snippets
- PlatformIO IDE Terminal
Cons
- het heeft enkele prestatieproblemen
- het duurt enkele seconden om te starten in vergelijking met andere teksteditor, vooral wanneer u meerdere pakketten/extensies installeert.
- een beetje traag in vergelijking met sublieme tekst omdat het een browser-gebaseerde app is (dit wordt uitgevoerd met Electron)
Downloaden Atom.io hier: https://atom.io/
en hier is een snelle video over het instellen van atom:
Vim
Voors
- Lichtgewicht en snel in vergelijking met andere redacteuren, het gebruikt een minimum aan geheugen en snel te laden
- kunt U plugins voor bijna alles, en van de versie te controleren van de kleur de voorkeur
- Het is gratis en het is open-source, en kan worden gebruikt in de terminal of van de GUI-modus
- Toetsenbord gebaseerd en zal je waarschijnlijk beseffen dat je niet langer een muis nodig, alles is beschikbaar op uw sneltoetsen.
Nadelen
- leercurve, het zal je wat tijd om te leren, en zal u dus veel commando ‘ s en sneltoetsen te onthouden
- Slechte ondersteuning voor het gereedschap
- Niet veel effectiever als het gaat om het knippen/plakken
U kunt downloaden en in te stellen Vim met behulp van deze bron: https://www.vim.org/download.php
Hier is een extra hulpmiddel als u meer wilt lezen over Vim:
Hier is een goede inleidende cursus voor de basis, voor u om te beginnen en te leren van de grondbeginselen van het Vim.
Haken
Voors
- Open Source en Cross-Platform, wat betekent dat het gratis is en kan worden gebruikt in Windows, Mac en Linux
- Het heeft code-aanvulling is, zal er een auto-suggestie typ uw code
- Beugel is uniek kenmerk is het snel bewerken wanneer u markeer elk HTML-element en druk op CMD/Ctrl + E, van de beugel wordt vervolgens opent alle CSS in verband met die bepaalde elementen in dezelfde venster, zodra je het sluit, het zal automatisch van toepassing zijn op de CSS stylesheet.
- mogelijkheid om meerdere extensies en pakketten toe te voegen om uw beugel editor krachtiger en nuttiger te maken
- haakjes hebben ook meerdere cursors functie
- het heeft ook een kleurkiezer omdat kleur hex codes moeilijk te onthouden zijn.
- Live Preview te zien van de resultaten of output van uw bewerking/styling
Color Picker Functie
Nadelen
- Haakjes is gericht op de Front-end kant — duidelijk gemaakt voor Frontend Developers die is zeer nuttig in HTML, CSS en Javascript en niet zozeer op de server-side talen
U kunt downloaden Haken.io hier: http://brackets.io/
Hier is een korte video bij het opzetten van Beugels:
sublieme tekst
veel ontwikkelaars nog steeds gekozen voor sublieme tekst te gebruiken, want als de snelheid, eenvoud en de sneltoetsen die is erg handig bij het werken aan verschillende scripttalen, zoals Javascript.
u kunt hier sublieme tekst downloaden: https://www.sublimetext.com/
hier is een inleidende video om uw sublieme tekst te starten en in te stellen:
Pros:
- Open Source en platformonafhankelijk, wat betekent dat het gratis is en kan worden gebruikt in Mac, Windows en Linux
- Automatisch aanvullen
- syntaxis Highlight
- code Folding
- aanpasbaar-meer dan 3.800 beschikbare pakketten
- lichtgewicht, snel en stabiel
Cons:
- er is nog geen fatsoenlijke Git plugin
- Trage ontwikkeling aangezien sublime geen groot team achter zich heeft
- niet zo beginnersvriendelijk
hier is een bonus tutorial voor Sublime tekst Tips, Trucs, sneltoetsen en beste functies! Genieten.
VSCode
Visual Studio Code voorziet ontwikkelaars met een nieuwe keuze van de developer tool combineert de eenvoud en gestroomlijnde ervaring van een code-editor met het beste van wat ontwikkelaars nodig hebben voor hun core code-bewerken-debug-cyclus. Visual Studio Code is de eerste code-editor, en de eerste cross-platform development tool — ondersteuning van OS X, Linux en Windows — in de Visual Studio familie.
een van de voordelen van het gebruik van VSCode is de mogelijkheid om te integreren met Git, het is eenvoudig en snel, een ander ding is de mogelijkheid om te integreren in verschillende teams op afstand, verschillende ontwikkelaars kunnen werken aan hetzelfde project, of zelfs dezelfde code met behulp van deze tool/extensie: Visual Studio Live Share helpt verschillende ontwikkelaars om efficiënter samen te werken, in vergelijking met Sublime tekst en Atom.
Pluspunten
- Lichtgewicht, snel en
- Gratis
- Eenvoudige en overzichtelijke Interface
- Ingebouwde Terminal
- Meerdere Cursor
- IntelliSense — het is een boost auto-voltooiing, accentuering van de syntaxis assistent functie te elimineren van typefouten en eventuele fouten in de syntaxis
- Een grote gemeenschap voor ondersteuning en opbouw van de extensies en extra bronnen
- Heeft beste eigenschappen zoals Git, Terminal, WebView, Live Share
- Native ondersteuning voor Git samenwerking, open directory gemakkelijk verbinding te maken met Github, en zonder ingewikkelde instellingen tot.
- heeft Emmet-extensie, supersnelle HTML -, CSS-en Javascript-codering
Cons
- geen ondersteuning voor oudere programmeerversie zoals ASP.NETTO
- Debugging functies zijn beperkt
Met zo veel verschillende stapel en technologie, zelfs de keuze van de programmering van de editor is meer ontmoedigend en overweldigend, ik geef u enkele tip en bespaar uzelf de tijd, het gaat niet alleen over de instrumenten, in de sport, het gaat niet over het hebben van de beste schoenen of met de duurste voetbal schoenen, of voor fotografen, het gaat niet altijd om wie de eigenaar van de duurste camera krijgt dat de mooiste shot, aan het einde van de dag, het is altijd over wie het gebruikt, hoe je het gebruikt, en als je het zelfs gebruiken.
ik was een enorme fan van Sublime tekst, Ik begon webontwikkeling met Sublime, maar toen VSCode kwam en nam het hart van elke ontwikkelaar niet alleen vanwege de mooi-look Interface, maar ook vanwege de duizenden extensies of tools om te kiezen die het coderen efficiënter, gemakkelijker en krachtiger maakt, me mezelf aangetrokken tot het.
de meest populaire en ook mijn aanbeveling zou VSCode zijn, Ik gebruik het al jaren.
hier is een bonus voor Visual Studio Code Setup en Tutorial, Enjoy!
Bedankt voor het lezen! Voel je vrij om mijn andere blogs te lezen voor meer gratis tutorials en tools voor alle ontwikkelaars! Genieten…