această primă decizie vă va defini productivitatea și eficacitatea pe măsură ce codificați.
înainte de a începe chiar să învățați dezvoltarea Web, trebuie să alegeți și să descărcați editorul de cod la alegere.
această parte de aici este crucială — călătoria voastră, curba voastră de învățare este în joc. Acesta va fi instrumentul pe care îl veți folosi pe măsură ce începeți să vă scrieți codul și există diferiți editori de cod din care puteți alege.
pentru cei care au început să codifice acum 10 ani, cea mai utilizată platformă a fost Notepad++, iar alți editori de cod au urmat după TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, vim, Brackets și CoffeeCup HTML Editor.
în tehnologia modernă, alegerile au fost restrânse în câteva și anume, Sublime Text, Atom, VSCode, Vim, paranteze.
pe măsură ce studiați, veți găsi profesori sau instructori diferiți care au preferat să folosească editor de text diferit, nu contează dacă îi urmați și folosiți același editor sau alegeți-l pe al dvs., ceea ce contează este că vă simțiți confortabil cu editorul de text ales. Alege orice te face mai productiv, deoarece te va ajuta să devii un programator mai bun.
deci, alegeți cu înțelepciune.
Atom a fost început de dezvoltatorii genius ai Github, dar acum deținut de Microsoft, lucrul bun despre Atom este că este gratuit, este open-source și, de asemenea, extrem de personalizabil, cea mai bună parte despre atom este caracteristica Teletype, care permite mai multor/mai multor dezvoltatori să lucreze la același proiect, pe același cod, din fiecare parte a lumii, în locații diferite.
Atom este un pic similar cu Sublime Text, dar mulți dezvoltatori care au preferat Atom a fost din cauza interfeței sale simple, comparativ cu Sublime Text.
Atom poate fi folosit pe sistemul de Operare 3 (OS), Windows, Mac și Linux, deci orice platformă aveți Atom este disponibilă.
caracteristici:
- Atom este o aplicație desktop pentru Tehnologii Web
- are un Design Modular și conține mai mult de 50 de extensii/pachete open-source pe care le puteți integra în jurul unui nucleu minim
- fragmente
- interfață de utilizator curată și simplă
- nod.integrare js
- browser Sistem de fișiere
- abordare Hackable
- fragmente Kirby, favorit utilizator atom. https://atom.io/packages/kirby-snippets
- PlatformIO IDE Terminal
contra
- are unele probleme de performanță
- este nevoie de câteva secunde pentru a lansa în comparație cu alte Editor de Text, mai ales atunci când instalați numeroase pachete/extensii.
- un pic mai lent în comparație cu Sublime Text, deoarece este o aplicație bazată pe browser (aceasta este rulată folosind Electron)
descărcare Atom.io aici: https://atom.io/
și iată un videoclip rapid despre cum să configurați atom:
Vim
Pro
- ușor și rapid în comparație cu alți editori, folosește memoria sistemului minimal și se încarcă instantaneu
- puteți găsi pluginuri pentru aproape orice, de la versiune la control până la preferința de culoare
- este gratuit și este opensource și poate fi utilizat în terminal sau modul GUI
- tastatură bazată și probabil vă veți da seama că nu mai aveți nevoie de mouse,totul este disponibil comenzile rapide de la tastatură.
contra
- curba de învățare, vă va lua ceva timp pentru a învăța, și veți atât de multe comenzi și comenzi rapide să-și amintească
- sprijin săraci pentru scule sale
- nu de mult eficient atunci când vine vorba de cut/paste mecanism
puteți descărca și configura Vim utilizarea acestei resurse: https://www.vim.org/download.php
Iată o resursă suplimentară dacă doriți să citiți mai multe despre Vim:
Iată un curs introductiv bun pentru elementele de bază pentru a începe și a învăța fundamentele Vim.
paranteze
Pro
- Open Source și Cross-Platform, ceea ce înseamnă că este gratuit și poate fi utilizat în Mac, Windows și Linux
- are finalizarea codului, va exista o sugestie automată ca tip de cod
- Caracteristica unică a Bracket-ului este editarea rapidă atunci când marcați orice element HTML și apăsați CMD/Ctrl + E, bracket-ul va deschide apoi toate CSS-urile asociate cu fereastra, odată ce o închideți, se va aplica automat foii de stil CSS.
- abilitatea de a adăuga mai multe extensii și pachete pentru a face editorul suport mai puternic și util
- paranteze au, de asemenea, mai multe cursoare caracteristică
- ea are, de asemenea, un selector de culoare, deoarece codurile hex de culoare sunt greu de reținut.
- Previzualizare Live, pentru a vedea cu ușurință rezultatele sau de ieșire de editare / styling
caracteristică Selector de culoare
contra
- paranteze este axat pe partea Front-end-a făcut în mod clar pentru dezvoltatorii Frontend în care este foarte util în HTML, CSS și Javascript și nu de mult pe server-side limbi
puteți descărca Brackets.io aici: http://brackets.io/
Iată un videoclip rapid în configurarea parantezelor:
text sublim
mulți dezvoltatori au ales încă să folosească Sublime Text, pentru că dacă viteza, simplitatea, precum și comenzile rapide de la tastatură sunt foarte utile atunci când lucrează la diferite limbaje de script, cum ar fi Javascript.
puteți descărca Sublime Text aici: https://www.sublimetext.com/
Iată un videoclip introductiv pentru a începe și a configura textul sublim:
Pro:
- Open Source și Cross-Platform, ceea ce înseamnă că este gratuit și poate fi utilizat în Mac, Windows și Linux
- Completare automată
- evidențierea sintaxei
- pliere cod
- personalizabil-Mai mult de 3.800 de pachete disponibile
- ușor, rapid și stabil
contra:
- nu există încă un plugin git decent
- dezvoltare lentă, deoarece sublime nu are o echipă mare în spatele ei
- nu atât de prietenos pentru începători
Iată un tutorial bonus pentru sfaturi de Text Sublime, Trucuri, Comenzi rapide de la tastatură și cele mai bune caracteristici! Poftă bună.
VSCode
Visual Studio Code oferă dezvoltatorilor o nouă alegere de instrument pentru dezvoltatori care combină simplitatea și experiența simplificată a unui editor de cod cu cele mai bune din ceea ce au nevoie dezvoltatorii pentru ciclul lor de bază de cod-editare-depanare. Visual Studio Code este primul editor de cod și primul instrument de dezvoltare cross-platform — care acceptă OS X, Linux și Windows — în familia Visual Studio.
unul dintre avantajele utilizării VSCode este capacitatea sa de a se integra cu Git, este ușor și rapid, un alt lucru este capacitatea sa de a se integra pe echipe diferite de la distanță, mai mulți dezvoltatori pot lucra la același proiect sau chiar același cod folosind acest instrument/extensie: Visual Studio Live Share ajută mai mulți dezvoltatori să lucreze împreună mai eficient, în comparație cu Sublime Text și Atom.
Pro
- ușor și rapid
- gratuit
- interfață de utilizator simplă și curată
- Terminal încorporat
- Cursor multiplu
- IntelliSense-este un supercharge Auto — completare, sintaxa subliniind caracteristica Asistent pentru a elimina greșeli de tipar și posibile erori de sintaxă
- o comunitate uriașă de sprijin și construirea extensii și resurse suplimentare
- are cele mai bune caracteristici, cum ar fi Git, Terminal, WebView, Live Share
- suport nativ pentru colaborare Git, director deschis conecta cu ușurință la GitHub, și nici un set complex sus.
- are extensie Emmet, HTML super rapid, CSS, Javascript și codificare
contra
- nici un suport pentru versiunea de programare mai vechi, cum ar fi ASP.NET
- funcțiile de depanare sunt limitate
cu atât de multe stive și tehnologii diferite, chiar și Alegerea editorului de programare a devenit mai descurajantă și copleșitoare, permiteți-mi să vă dau un sfat și să vă salvez ceva timp, nu este vorba doar de instrumente, în sport, nu este vorba de a avea cei mai buni pantofi sau de a avea cei mai scumpi pantofi de fotbal, sau pentru fotografi, nu este întotdeauna despre cine deține cea mai scumpă cameră care primește cea mai frumoasă fotografie, la sfârșitul zilei, este întotdeauna despre cine îl folosește, cum îl folosești și dacă chiar îl folosești.
am fost un mare fan al Sublime Text, am început dezvoltarea Web folosind Sublime, dar când VSCode a venit și a luat inima fiecărui dezvoltator nu doar datorită interfeței sale frumoase, ci și datorită miilor de extensii sau instrumente de ales care fac codarea mai eficientă, mai ușoară și mai puternică, eu însumi am fost atras de ea.
cele mai populare și, de asemenea, recomandarea mea ar fi VSCode, l-am folosit de ani de zile.
Iată un bonus pentru Visual Studio Code Setup și Tutorial, bucurați-vă!
Vă mulțumim pentru lectură! Simțiți-vă liber să citiți celelalte bloguri pentru mai multe tutoriale și instrumente gratuite pentru toți dezvoltatorii! Bucurați-vă de…