Tehokäyttäjäksi tuleminen on toinen tapa pysyä edellä. Kehittäjät puhuvat usein siitä, kuinka he pysyvät pelinsä kärjessä ja kuinka he oppivat jatkuvasti uusia asioita ja hioavat edelleen taitojaan. Tämä on usein kysytty haastattelukysymys, koska työnantajat haluavat mieluummin taitojaan laajentaville omistautuneita lahjakkuuksia. IDE: n ja tietokoneesi hallinta voi olla yksi parhaista investoinneista ammatilliseen kehitykseesi.
Kehittäjät etsivät aina uutta blogia, joka tekee heistä parempia työstään. Mitä IDE: tä käytätkin, sillä on todennäköisesti blogi : Tilaa!
Toinen syy on, että se yksinkertaisesti säästää aikaa. Investoiminen aika työnkulun parantamiseen voi maksaa enemmän tuottavuutta tai enemmän aikaa pitää hauskaa. Tänään tarkastelemme sitä tarkemmin Visual Studio ja VSCode ja keskustele tavoista parantaa taitojasi siihen pisteeseen asti, että sinusta tulee tehokäyttäjä.
Tämä erottaa tavallisen käyttäjän a: sta tehokäyttäjä :
Tässä artikkelissa aion selittää, kuinka käsittelin itse kutakin näistä kohdista, ja annan sinulle tiedon siitä, että voit tehdä sen itse. Se, mitä teen, ei välttämättä toimi sinulle, ainakaan kokonaan. Ihmiset työskentelevät erilaisissa ympäristöissä ja projekteissa (minulle se toimii lähinnä React.js: n ja TypeScript: n kanssa Windowsissa), mutta yleinen lähestymistapa pätee kaikille.
Kirjoitan yhden testin kerrallaan, mikä tarkoittaa, että tarvitsen tavan suorittaa yksi testi kerrallaan. Kuitenkin, natiivi regex-ratkaisu on melko kömpelö. Siksi käytän On juoksija . Tämän hyödyllisen laajennuksen avulla voit suorittaa tai debugoida yksittäisiä paketteja tai testejä.
Alla oleva video osoittaa, että sinun tarvitsee vain napsauttaa hiiren kakkospainikkeella testin nimeä ja käyttää sitä kontekstivalikossa.
Aikaa vievin osa sopimustestin kirjoittamisesta on kiistatta vastaavuus . Olen ratkaissut tämän luoda hyödyllisiä katkelmia automatisoimaan toistuvia toimia. Nämä ovat joitain tekemiäni, käytä niitä vapaasti (eli yksinkertaisesti kopioi ja liitä ne VSCoden /snippets/typescript.json
: iin).
Alla olevasta videosta näet, miten näitä katkelmia käytetään:
Suurin osa kehittäjistä käyttää Gitiä ja GitHubia päivittäin, samoin minä. Yritän kuitenkin välttää päätelaitteen tai github.com-sivuston käyttöä.
GitHub-vetopyynnöt ja -asiat antaa minun avata, muokata ja tarkistaa PR-tiedostoja mukavasti VSCodessa. Minusta IDE on parempi paikka tarkistaa koodi kuin GitHubin verkko- tai työpöytäsovellukset. Jotkut kehittäjät saattavat olla eri mieltä, mutta arvostan johdonmukaisuutta ja mukavuutta tehdä se IDE: ssäni.
Git voi tehdä niin paljon, mutta silti olen oppii niin vähän sen komentoja. Mutta miksi ulkoa mitään aluksi? Liian monien rutiininäköisten asioiden muistaminen ei ole liian tuottavaa.
GitLens paljastaa lukuisia uskomattomia ominaisuuksia käden ulottuvilla. Sen ansiosta minun on harvoin pyrittävä terminaaliin käyttämään Gitiä.
Riippumatta käyttämästäsi käyttöjärjestelmästä, voit tehdä paremmin kuin oletuspääte. Käytän Windows-pääte + cmder . Jos olet Unix-käyttäjä, etsi iTerm (macOS) tai Voi Zsh (Linux ja macOS). Olen integroinut ne VSCodeen ja lisäsi monia aliaksia (pikavalintoja), jotka säästävät aikaa komentojen kirjoittamisessa.
Esimerkiksi:
ys = yarn start
- auttaa minua käynnistämään sovelluksen, jossa on vain kaksi merkkiädel=RMDIR /S/Q $* && echo 'Deleted Successfully!!!'
- poistaa toimitetun hakemiston ja näyttää onnistumisviestin, kun se on valmisgdab = git branch | grep -v 'master' | xargs git branch -D
- poistaa kaikki paikalliset konttorit paitsi master
Muutaman merkin tallentaminen tänne ja sinne saattaa tuntua typerältä, mutta nämä aikaa säästävät ominaisuudet lisääntyvät pitkällä aikavälillä. Minusta on toissijainen etu tekemällä aliaseiden tekeminen - viettämällä vähemmän aikaa niiden kirjoittamiseen auttaa minua pysymään keskittyneenä ja menettämättä ajatusketjuani, koska en yritä muistaa, miten komentoa kutsutaan.
Uuden komponentin, sivun jne. Luominen on jotain, mitä teen usein, ja se on melko yksinkertaista, kuten useimmat lukijat tietävät. Uuden kansion luominen ja tiedostojen alustaminen siinä voi kuitenkin olla tylsää. Joten automatisoin tämän prosessin.
Alla olevassa videossa näkyy Supercharge React käytössä. Käyttämällä New Component
voin määrittää uuden komponentin nimen ja sijainnin. Laajennus suorittaa sitten komentosarjan, joka luo kansion ja alustaa uuden komponentin.
VSCode on tehokas IntelliSense, ja useimmiten sinun ei tarvitse miettiä sen käyttöä. Kun kuitenkin selaat ehdotuksia, voit painaa Ctrl + välilyönti nähdäksesi dokumentaation jokaisesta käytettävissä olevasta vaihtoehdosta.
IntelliSense voidaan lisäksi räätälöidä sopivaksi työnkulkuun ja henkilökohtaisiin mieltymyksiin.
Olet varma, että käytät pikanäppäimiä, kuten Ctrl + S ja Ctrl + F . He ovat kaikki hyvin dokumentoitu , ja jos et ole liian perehtynyt VSCoden laajaan pikavalintoihin, kehotan sinua muuttamaan tätä ja menemään ylimääräiselle mailille hallitsemaan niitä. Tietty sidonta on liian kömpelö? Kutsumasi komento vie usein liian kauan? Avaa VSCode-näppäimistöeditori osoitteeseen luoda pikakuvakkeita .
Jos mietit, onko komento määritetty tietylle näppäinyhdistelmälle, napsauta hakupalkin näppäimistöpainiketta, johon voit tallentaa näppäinpainalluksia. Sitten näet mitä / jos komennot on liitetty niihin.
Kehittäjille sanotaan usein, että heidän on oltava tuottavia oppia vihaamaan hiirtään ja rakastamaan näppäimistöä . Tämä voi olla kelvollinen, jos työskentelet pienillä, tiheillä tiedostoilla. Mutta automaattisen koodin muotoilun ja satoja koodirivejä sisältävien tiedostojen aikakaudella väittäisin, että se on enemmän poikkeus kuin sääntö.
Pidän paitsi aktiivisesti hiireni mutta olen räätälöinyt sen työnkulun mukaiseksi Logitech-asetukset . Ohjelmoin hiireni erikoisnäppäimet suorittamaan tiettyjä komentoja VSCodessa.
Näin voit 'opettaa' hiiresi tekemään vähän enemmän kuin vain siirtää kohdistinta ja napsauttaa:
Minkään mukauttaminen ei ole kovin hyödyllistä, jos et voi varmuuskopioida sitä ja käyttää sitä uudelleen, kun tarvitset sitä uudelleen.
natiivi ratkaisu on käytettävissä vain käyttäjälle sisäpiiriläiset tällä hetkellä. Kuitenkin, Asetusten synkronointi auttaa sinua tallentamaan koodiasetuksesi yhteenvetona ja voit synkronoida työnkulun useiden koneiden välillä. Tarvitset GitHub-tunnuksen määritä se , mutta jälkeenpäin sinun tarvitsee vain suorittaa yksi komento lataa ja ladata asetuksesi.
Olen jo maininnut useita laajennuksia ja selittänyt kuinka käytän niitä. Tässä on joitain merkittäviä mainintoja:
node_modules
VSCoden tutkimusmatkailijalta suorituskyvyn parantamiseksi kansio on niin iso, että siinä on mahdotonta liikkua. Tämän laajennuksen avulla voit etsiä mitä tahansa etsimäsi sen sijaan, että selaat loputtomasti.Älä ole säännöllinen käyttäjä. Ole sen sijaan tehokäyttäjä. Aina mennä askeleen pidemmälle kuin muut ja nähdä, mihin se vie sinut. Ota aina huomioon tehottomuudet ja yritä lieventää niitä.
Ratkaisuni tähän pitäisi olla tuttua useimmille kehittäjille: a Kanban-lauta . Joka kerta, kun huomaan jotain, joka hidastaa minua, kirjoitan sen tehtäväksi. Aina kun minulla on aikaa säästää, yritän löytää sille korjauksen.
Jos pidit tätä viestiä ylivoimaisena etkä tiedä mistä aloittaa, lue asiakirjat, se antaa sinulle parhaan sijoitetun pääoman tuottoprosentin ! Tiedän, että virallisten asiakirjojen lukeminen kuulostaa tylsältä, mutta lupaan, että se maksaa pitkällä aikavälillä. Sen lisäksi, että se opettaa sinulle, kuinka olla tuottavampi, opit myös kuinka dokumentaatio tulisi kirjoittaa.
Helpottaakseni olen koonnut tämän luettelon täytyy lukea asiakirjojen osat:
Tarkkaan ottaen VSCode on tekstieditori, ei IDE. Laajennustensa ansiosta se voi kuitenkin tehdä 99% siitä, mitä IDE tekee.
Huolimatta siitä, että peli on suhteellisen uusi, VSCode on ainakin toistaiseksi suosituin koodieditori.
Muutaman tekijän yhdistelmä - se on laajennettavissa, ilmainen ja helppokäyttöinen. Microsoft on kehittänyt VSCoden ja tarjoaa ominaisuuksia, joista kilpailijat veloittavat satoja dollareita.