tämä ensimmäinen päätös määrittää tuottavuuden ja tehokkuuden kuin koodi.
ennen kuin edes aloittaa oppimisen Web Development, yksi täytyy valita ja ladata koodin editori valintasi.
tämä kohta tässä on ratkaiseva — matkasi, oppimiskäyräsi on vaakalaudalla. Tämä on työkalu, jota käytät, kun alat kirjoittaa koodia, ja on olemassa erilaisia koodieditoreja, joista voit valita.
niille, jotka ovat aloittaneet koodauksen 10+ vuotta sitten, eniten käytetty alusta oli Notepad++, ja muita koodieditoreja seurasivat TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, Vim, suluissa ja CoffeeCup HTML-editori.
Nykytekniikassa valinnat on rajattu harvoihin eli Sublime Text, Atom, VSCode, Vim, suluissa.
kun opiskelet, löydät erilaisia opettajia tai ohjaajia, jotka haluavat käyttää eri tekstieditoria, sillä ei ole väliä, Seuraatko heitä ja käytät samaa editoria, tai valitset oman, tärkeintä on, että olet sinut valitun tekstieditorin kanssa. Valitse mikä tekee sinusta tuottavamman, koska se auttaa sinua tulemaan paremmaksi ohjelmoijaksi.
valitse siis viisaasti.
atomin perustivat GitHubin genius-Kehittäjät, mutta nyt sen omistaa Microsoft, atomin hyvä puoli on se, että se on ilmainen, avoimen lähdekoodin ja myös hyvin muokattavissa, parasta atomissa on sen Teletype-ominaisuus, jonka avulla useat/useat kehittäjät voivat työskennellä samassa projektissa, samalla koodilla, joka puolelta maailmaa, eri paikassa.
Atom on hieman samanlainen kuin Sublime Text, mutta monet kehittäjät, jotka suosivat atomia, johtui sen yksinkertaisesta käyttöliittymästä verrattuna Subliimiin tekstiin.
atomia voi käyttää 3-käyttöjärjestelmässä (OS), Windowsissa, Macissa ja Linuxissa, joten atomin käyttöympäristö on käytettävissä.
ominaisuudet:
- Atom on Web-teknologioiden työpöytäsovellus
- se on modulaarinen ja sisältää yli 50 avoimen lähdekoodin laajennusta / pakettia, jotka voi integroida minimaalisen ytimen
- pätkiä
- puhtaan ja yksinkertaisen käyttöliittymän
- solmun ympärille.js-integraatio
- Tiedostojärjestelmäselain
- Hackable Approach
- Kirby-pätkät, Atom-käyttäjän suosikki. https://atom.io/packages/kirby-snippets
- PlatformIO IDE Terminal
Cons
- siinä on joitain suorituskykyongelmia
- laukaisu kestää useita sekunteja verrattuna muihin Tekstieditoreihin, varsinkin kun asennat lukuisia paketteja/laajennuksia.
- hieman hidas verrattuna Sublime Textiin, koska se on selainpohjainen sovellus (Tämä suoritetaan Electron-ohjelmalla)
Lataa Atom.io tässä.: https://atom.io/
ja tässä nopea video atomin asennuksesta:
Vim
plussat
- kevyt ja nopea verrattuna muihin muokkaimiin, se käyttää minimaalista järjestelmän muistia ja latautuu välittömästi
- voit löytää liitännäisiä lähes kaikkeen, versiosta ohjaukseen ja värivalintaan
- se on ilmainen ja se on opensource, ja sitä voi käyttää pääte-tai GUI-tilassa
- Näppäimistöpohjaisena ja luultavasti huomaat, ettet enää tarvitse hiirtä, kaikki on saatavilla pikanäppäimet.
Cons
- oppimiskäyrä, kestää jonkin aikaa oppia, ja sinulla on niin paljon komentoja ja oikoteitä muistaa
- huono tuki sen työkaluille
- ei kovin tehokas kun se tulee cut/paste-mekanismiin
voit ladata ja asentaa Vim tämän resurssin käyttäminen: https://www.vim.org/download.php
tässä lisäaineisto, jos haluat lukea lisää Vimistä:
tässä hyvä alkeiskurssi, jonka avulla voit aloittaa ja oppia Vimin perusteet.
sulut
plussat
- Open Source and Cross-Platform, eli se on ilmainen ja sitä voidaan käyttää Macissa, Windowsissa ja Linuxissa
- siinä on koodin täydennys, tulee automaattinen ehdotus kuten kirjoita koodi
- Bracket ’ n ainutlaatuinen ominaisuus on nopea muokkaus kun merkitset minkä tahansa HTML-elementin ja painat cmd / Ctrl + E, kiinnike avaa sitten kaikki CSS liittyvät tietyt elementit samassa ikkuna, kun suljet sen, se automaattisesti sovelletaan CSS tyylisivu.
- mahdollisuus lisätä useita laajennuksia ja paketteja, jotta kiinnikeeditori olisi tehokkaampi ja hyödyllisempi
- suluissa on myös useita kursoreita ominaisuus
- siinä on myös värivalitsin, koska väriheksakoodeja on vaikea muistaa.
- Live Preview, jotta näet helposti editointisi/stailauksesi tulokset tai tuotoksen
Värinpoimintaominaisuus
Cons
- suluissa on keskittynyt etupään puolelle-selvästi frontend-kehittäjille tehty, josta on paljon hyötyä HTML: ssä, CSS: ssä ja Javascriptissä eikä paljoa palvelinpuolen kielissä
voit ladata Brackets.io tässä.: http://brackets.io/
tässä nopea video suluissa:
Sublime Text
monet kehittäjät silti päätti käyttää ylevää tekstiä, koska jos sen nopeus, yksinkertaisuus sekä pikanäppäimet, joka on erittäin hyödyllinen työskenneltäessä eri skriptauskieliä, kuten Javascript.
voit ladata Sublime-tekstin täältä: https://www.sublimetext.com/
tässä esittelyvideo Sublime Textin alkuun ja perustamiseen:
plussat:
- Open Source and Cross-Platform, eli se on ilmainen ja sitä voi käyttää Macissa, Windowsissa ja Linuxissa
- Automaattitäydennys
- Syntaksikorostus
- koodin taitto
- muokattavissa — saatavilla yli 3 800 pakettia
- kevyt, nopea ja vakaa
cons:
- kunnollista Git-liitännäistä ei ole vielä
- hidas kehitys, koska sublimella ei ole suurta tiimiä sen takana
- ei niin aloittelijaystävällistä
tässä bonusopas Sublimelle Tekstivinkkejä, niksejä, pikanäppäimiä ja parhaita ominaisuuksia! Nauttia.
VSCode
Visual Studio Code tarjoaa kehittäjille uuden kehittäjätyökaluvalikoiman, joka yhdistää koodieditorin yksinkertaisuuden ja virtaviivaisen kokemuksen siihen, mitä kehittäjät tarvitsevat ydinkoodien muokkaus-debug-sykliinsä. Visual Studio Code on Visual Studio-perheen ensimmäinen koodieditori ja ensimmäinen cross — platform — kehitystyökalu-joka tukee OS X: ää, Linuxia ja Windowsia.
yksi vscoden käytön eduista on sen kyky integroida Gitin kanssa, se on helppoa ja nopeaa, toinen asia on sen kyky integroida eri tiimeihin etänä, useat kehittäjät voivat työskennellä samassa projektissa tai jopa samassa koodissa käyttämällä tätä työkalua/laajennusta: Visual Studio Live Share auttaa useita kehittäjiä työskentelemään yhdessä tehokkaammin verrattuna Sublime Textiin ja atomiin.
plussat
- kevyt ja nopea
- Vapaa
- yksinkertainen ja puhdas käyttöliittymä
- sisäänrakennettu pääte
- Monikouristin
- IntelliSense-se on superhinta automaattinen täydennys, syntaksin korostusavustinominaisuus poistaa kirjoitusvirheet ja mahdolliset syntaksivirheet
- valtavalla yhteisöllä, joka tukee ja rakentaa laajennuksia ja lisäresursseja
- on parhaat ominaisuudet, kuten Git, Terminal, WebView, live share
- natiivi tuki Git — yhteistyölle, avoin hakemisto helposti yhdistettävissä GitHubiin, eikä mitään monimutkaista sarjaa jopa.
- on Emmet-laajennus, supernopea HTML -, CSS-ja Javascript-koodaus
Cons
- ei tukea vanhemmalle ohjelmointiversiolle, kuten ASP: lle.NET
- Virheenkorjausominaisuudet ovat rajalliset
kun on niin paljon erilaisia pinoja ja tekniikkaa, jopa ohjelmointieditorin valitseminen on tullut pelottavammaksi ja ylivoimaisemmaksi, annan sinulle vinkkejä ja säästät aikaa, kyse ei ole vain työkaluista, urheilussa, ei siitä, että on parhaat kengät tai kalleimmat jalkapallokengät, tai valokuvaajille, ei ole aina kyse siitä, kuka omistaa kalleimman kameran, joka saa kauneimman kuvan, loppujen lopuksi, se on aina kyse siitä, kuka käyttää sitä, miten käytät sitä, ja jos edes käytät sitä.
olin suuri Sublime-tekstin fani, aloitin Web-kehityksen Subliimin avulla, mutta kun VSCode tuli esiin ja vei jokaisen kehittäjän sydämen, ei vain sen kivan näköisen käyttöliittymän vaan myös sen tuhansien laajennusten tai työkalujen takia, jotka tekevät koodaamisesta tehokkaampaa, helpompaa ja tehokkaampaa, se veti minua puoleensa.
suosituin ja myös suositukseni olisi VSCode, olen käyttänyt sitä jo vuosia.
tässä bonuksena Visual Studio Code Setup ja Tutorial, Enjoy!
Kiitos lukemisesta! Voit vapaasti lukea minun muita blogeja enemmän ilmaisia opetusohjelmia ja työkaluja kaikille kehittäjille! Enjoy …