Miksi haluaisin olla Visual Studion tehokäyttäjä?

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ä.

Kuinka minusta voi tulla VSCode-virrankäyttäjä?

Tämä erottaa tavallisen käyttäjän a: sta tehokäyttäjä :

• IDE: n läheinen tuntemus: VSCode on erinomainen dokumentointi , Lue se!
• Mukauttaminen: Tehokäyttäjät räätälöivät työnkulun vastaamaan heidän erityistarpeitaan.
• Automatisoida kaikki tylsät ja toistuvat tehtävät.
• Paranna jatkuvasti työnkulun ja seuraa IDE: n kehitystä.

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.

Testaus Jestin kanssa

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.

Testaus sopimuksella

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:

1. Valitse kaikki saman tyyppiset esiintymät, eli valitse kaikki merkkijono, aika ja muut arvot.
2. Käyttää ennalta määritetty näppäinsidonta tai vedota Lisää katkelma ja valitse haluamasi katkelma tai aloita vain kirjoittamaan haluamasi katkelman etuliite.

Mennä

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ä.

Päätteen mukauttaminen

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 valmis
• gdab = 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.

Koodin luonti

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.

IntelliSense

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.

Pikanäppäimet

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.

Hiiren pikavalinnat

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:

1. Valitse oikeasta yläkulmasta VSCode.
2. Napsauta muokattavaa painiketta.
3. Valitse Näppäimistön määritys vasemmalla olevien toimintojen luettelosta.
4. Syötä ennalta määritetty pikakuvake VSCode-koodiin.

Varmuuskopiointi- ja synkronointiasetukset

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.

Suositellut VSCode-laajennukset

Olen jo maininnut useita laajennuksia ja selittänyt kuinka käytän niitä. Tässä on joitain merkittäviä mainintoja:

• Surround : Pitäisikö sinun pakata jokin valittu koodi nuolitoimintoon tai ehkä yrittää kiinni-lohkoa? Tämä laajennus tekee sen sinulle!
• Hae solmumoduuleja : Vaikka et olisi sulkenut pois 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.
• Poimia ja React Refactor tarjoaa hyödyllisiä korjaustyökaluja JSX-tiedostoillesi.
• Sulje tunniste automaattisesti lisää automaattisesti HTML / JSX / TSX-tiedostojen sulkutunnisteen.
• Tiedoston apuohjelmat : Kätevä tapa luoda, kopioida, siirtää, nimetä uudelleen ja poistaa tiedostoja ja hakemistoja. Se on myös muokattavissa.
• JavaScript Booster automatisoi joitain yleisiä korjaustoimia.

Yhteenveto

Ä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:

• Vinkkejä : Jotkut ovat ilmeisiä ja tiedät todennäköisesti jo, vaikka voin taata, että löydät jotain, josta et tiennyt.
• Muokkaamalla hakkereita : Nämä hakkerointiominaisuudet ovat uskomattoman tehokkaita, ja niiden oppiminen hyödyttää sinua päivittäin.
• Kutista / laajenna koodi : Kokeile tätä pikakuvaketta, kun muodostat pariliitoksen toisen kehittäjän kanssa, jotta voit tehdä vaikutuksen heihin!
• Näppäimistöt : Opettele avainsidosten toiminta ja niiden mukauttaminen. Se on yksi IDE: n hallinnan kulmakivistä.
• Satoja ohjelmointikieliä tuetaan : Opi mitä erityispiirteitä VSCode sisältää valitsemallesi kielelle.

Perustietojen ymmärtäminen

Onko VSCode IDE?

Tarkkaan ottaen VSCode on tekstieditori, ei IDE. Laajennustensa ansiosta se voi kuitenkin tehdä 99% siitä, mitä IDE tekee.

Kuinka suosittu VS-koodi on?

Huolimatta siitä, että peli on suhteellisen uusi, VSCode on ainakin toistaiseksi suosituin koodieditori.

Miksi VSCode on niin suosittu?

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.