9 Mga Extension ng Visual Studio Code Na Gawing Mas Madali ang Programming

9 Mga Extension ng Visual Studio Code Na Gawing Mas Madali ang Programming

Ang Visual Studio code ng Microsoft ay isa sa mga pinakamahusay na libreng editor ng teksto magagamit na ngayon. Pinagsasama nito ang isang buong hanay ng tampok na may madaling paggamit, at nakakagulat na mahusay ang pagganap para sa isang Electron app. Isa sa mga kadahilanang mahal ito ng mga tao, higit sa mga dahilan sa tabi, ay ang pagiging maaabot nito.





Tulad ng maraming iba pang mga tanyag na editor ng teksto, ang Visual Studio Code ay may napakalaking halaga ng mga extension na magagamit upang ipasadya ang pag-uugali nito. Maaari nitong baguhin nang malaki kung paano gumagana at maramdaman ang Visual Studio Code, tulad ng pagdaragdag ng mga pangunahing bind ng style na Vim o Emacs. Sa listahang ito, pinagsama namin ang ilan lamang sa aming mga paborito.





Paano Mag-install ng Mga Extension ng Visual Studio Code

Kung sakaling hindi ka pamilyar, madaling mag-install ng mga extension sa Visual Studio Code. I-click ang Mga Extension icon sa kaliwang bahagi ng screen. Ito ang ikalimang icon na pababa, kaagad sa ibaba ng icon ng Debug.





Ngayon i-type lamang ang pangalan o bahagi ng pangalan ng extension na nais mong i-install. Mag-click sa pangalan upang basahin ang pangkalahatang-ideya ng extension, pagkatapos ay i-click ang I-install icon upang mai-install ito.

1. Visual Studio IntelliCode

Binuo ng Microsoft DevLabs, Visual Studio IntelliCode ay isang extension na nagpapalista ng artipisyal na katalinuhan upang matulungan kang mag-code. Kasalukuyang sinusuportahan ng extension ang Python, JavaScript / TypeScript, at Java.



natagpuan iphone 6 maaari ko bang gamitin ito

Kung nagamit mo ang Intellisense dati sa alinman sa Visual Studio o Visual Studio Code, magkakaroon ka ng ideya kung ano ang aasahan. Ang pagkakaiba dito ay ito ay mahalagang isang mas matalinong ideya sa ideyang iyon.

Ang extension na ito ay nasa mga unang yugto pa lamang ng pag-unlad at kahanga-hanga na. Kapag mayroon nang mas maraming oras sa pag-unlad, maaari mo ring makita ang built na ito sa kanan sa Visual Studio Code.





2. Mga Setting Sync

Karamihan sa mga tao na gumagamit ng isang text editor na regular na gumagawa ng hindi bababa sa ilang mga pag-aayos sa mga setting nito. Marami pang mga tao ang lumalayo pa, pinapasadya ito upang magkasya sa kanilang personal na istilo ng pagtatrabaho. Kung madalas kang nagtatrabaho sa higit sa isang makina, maaaring nakakabigo na patuloy na gawin ang mga pagsasaayos na ito sa pamamagitan ng kamay.

Mga Setting Sync naglalayon na malutas ang problemang iyon. Ang paggamit ng isang simpleng GitHub Gist, Mga Pag-sync ng Mga Setting, mabuti, nagsi-sync ng iyong mga setting. Nagsasama ito ng iba pang mga extension at kanilang mga pagsasaayos, kaya't ang iyong buong config ay nagtatapos na maging portable. Gumawa ng ilang mga pagbabago sa isang machine, i-sync ang iyong mga setting, at madali mong mai-sync ang mga ito sa iba pang mga machine.





Tumatagal ng ilang minuto upang mai-set up ang Mga Setting ng Sync, pagkatapos ay hindi mo na kailangang isipin muli ito. Ang mga tagubilin para sa pag-set up nito ay magagamit sa pamamagitan ng pangkalahatang ideya ng Extension sa Visual Studio Code.

3. Path Intellisense

Kung gagamit ka ng Visual Studio Code upang mag-edit ng mga personal o system config file, Path Intellisense maaaring maging isang tagapagligtas. Sa madaling sabi, ang extension ay nagdaragdag ng pagkumpleto ng istilong Intellisense sa mga filename, pinapayagan kang mag-type ng mahabang mga pangalan ng landas nang hindi na kinakailangang ibigay ang mga ito sa memorya.

Ito ay isang medyo simpleng extension, ngunit mayroon itong ilang mga pagpipilian sa pagsasaayos. Maaari kang pumili kung magdagdag o hindi upang magdagdag ng isang slash pagkatapos ng mga pangalan ng direktoryo, halimbawa. Kasama sa iba pang mga pagpipilian kung isasama o hindi ang mga filename sa mga pahayag sa pag-import at ang kakayahang balewalain ang ilang mga uri ng file.

4. Task Explorer

Ang Task Explorer ang pagdaragdag ay nagdaragdag ng mga gawain na naka-istilong gawain sa IDE sa Visual Studio Code. Pangunahin na nagsasama ito ng mga gawain sa pagbuo para sa iyong kasalukuyang proyekto, ngunit maaari ring isama ang bash, Python, at iba pang mga script.

Sinusuportahan ng Task Explorer ang isang patas na bilang ng mga karaniwang tool sa pagbuo. Kasama rito ang NPM, Grunt, Gulp, Ant, Make, at Visual Studio Code mismo. Napapasadya ang extension, hinahayaan kang ipasadya ang landas sa bawat gawain ng runner at wika ng script. Ito ay madaling gamitin kung mayroon kang maraming mga bersyon na naka-install at nais na gumamit ng isang tukoy na bersyon.

5. GoLens

Nagtatampok ang Visual Studio Code ng pagsasama sa Git sa labas ng kahon, tulad ng nabanggit na namin dati, kaya maaaring hindi mo lubos na kailangan ang extension na ito. Sinabi na, GoLens nagdagdag ng maraming mga tampok na makakatulong sa iyong mailarawan, mag-navigate, at maunawaan ang kasaysayan ng Git ng iyong proyekto.

Kabilang sa iba pang mga tampok, ang GitLens ay nagdaragdag ng isang malakas na split diff view na makakatulong sa iyo na madaling mailarawan ang pagkakaiba sa pagitan ng mga commit at branch. Hinahayaan ka rin ng extension na maghanap sa pamamagitan ng isang proyekto na gumawa ng kasaysayan, paghahanap sa pamamagitan ng may-akda, mga file, gumawa ng mensahe, at higit pa.

Ang iba pang mga tampok ay may kasamang isang heat map sa gutter ng Visual Studio Code na hinahayaan kang madaling makita kung saan ang karamihan sa trabaho ay nagaganap sa isang naibigay na file. Sa kahulihan ay kung umaasa ka nang malaki sa Git, dapat mo man lang subukan ang plugin na ito.

ilipat ang mga file mula sa android sa pc wifi

6. Mas maganda

Kung ikaw ay isang developer ng front end, at lalo na kung kailangan mong sundin ang isang gabay sa istilo, Mas maganda maaaring ang iyong bagong matalik na kaibigan. Ang Prettier extension ay awtomatikong nag-format ng JavaScript, TypeScript, at CSS gamit ang tool sa pag-format ng code ng parehong pangalan.

Ang Prettier ay kukuha ng code na iyong sinusulat at muling susulat para sa iyo, na sumusunod sa isang mahigpit na hanay ng mga alituntunin sa pag-format. Ang opinion ay 'opinionated,' nangangahulugang gumagawa ito ng maraming pagpapasya nang mag-isa, ngunit maaari mong gamitin ang extension gamit ang eslint o tslint tool upang matiyak na sumusunod ito sa iyong sariling pagsasaayos ng linting.

7. Bracket Pair Colorizer

Bracket Pair Colorizer ay isang plugin na mahusay na inilarawan ng pangalan nito. Awtomatiko nitong kinukulay ang ilang mga character upang matulungan kang sabihin kung gaano kalalim ang pagkasarang sa isang tiyak na piraso ng code. Maraming mga wika ang sinusuportahan sa labas ng kahon, napakarami na halos tiyak na sinusuportahan ang iyong wika ng pagpipilian.

Bilang default,

()

,

[]

, at

{}

ay naitugma, ngunit maaari mo ring tukuyin ang iba pang mga character na bracket na nais mong maitugma. Ang mga uri ng plugin na ito ay may posibilidad na maging napaka polarena, ngunit kung hindi ka sigurado kung nais mo ito o hindi, subukan ang Bracket Pair Colorizer.

8. Oras ng Code

Naisip mo ba kung ilang oras lamang sa isang linggo ang ginugugol mo sa iyong text editor? Paano ang tungkol sa pinakamahusay na oras ng araw o araw ng linggo para sa pinakamainam na programa? Kung naisip mo man ang tungkol sa mga ito o anumang iba pang mga sukatan, Oras ng Code ay para sa iyo.

Sinusukat ng Oras ng Code ang iyong aktibidad sa Visual Studio Code at iniuulat sa iyo ang tungkol sa mga aktibidad sa itaas, pati na rin ang iba pang mga sukatan. Makakakita ka ng mga sukatan ng real-time sa status bar, at mayroong isang in-editor dashboard para sa isang mas mahusay na pagtingin.

Maaari mong itakda ang Oras ng Code upang magpadala sa iyo ng isang lingguhang ulat sa email, habang ang pagsasama ng Google Calendar ay nagbibigay-daan sa iyo na awtomatikong magtabi ng oras para sa iyong pinakamahusay na mga oras ng programa, baka mapahamak sila ng mga pagpupulong.

9. REST Kliyente

Kung ikaw man ay isang front-end web developer o isang tao na gumugol ng halos lahat ng kanilang oras sa server, marahil ay nasagasaan ka sa mga kaso kung saan kailangan mong subukan ang isang REST API. Mayroong mga plugin ng browser para dito at maraming iba pang mga tool, ngunit kung gugugolin mo ang karamihan ng iyong oras sa isang text editor, bakit hindi mo magagamit ang kliyente kung saan ka komportable?

Ito ay isang medyo simpleng extension na ginagawa kung ano ang inaangkin nitong gawin. Madali kang makakapagpadala ng mga kahilingan sa HTTP pati na rin magpadala ng mga utos na cURL. Para sa pagpapatotoo, sinusuportahan ng extension ang pangunahing pagpapatotoo, digest authentication, SSL Client Certificate, at marami pa.

Maging Mas Produktibo sa Visual Studio Code

Ang mga extension na ito ay nagsisimula pa lamang, lalo na kung bago ka sa Visual Studio Code. Una, maraming magagamit na mga extension. Sa karamihan ng mga kaso, partikular naming naiwasan ang mga extension na tukoy sa wika, ngunit marami sa mga ito ang magagamit. Mag-code ka man sa JavaScript, C ++, Go, o ibang wika, mahahanap mo ang mga extension na maaaring gawing mas madali ang iyong trabaho.

Marami ding mga paraan upang mas mabilis na magawa sa Visual Studio Code. Upang matulungan kang makapagsimula, mayroon kaming isang listahan ng mga mahahalagang tip upang gawing mas produktibo ka sa Visual Studio Code.

Magbahagi Magbahagi Mag-tweet Email Tanggalin ang Mga Windows File at Folder na Ito upang Palayain ang Space ng Disk

Kailangang i-clear ang disk space sa iyong Windows computer? Narito ang mga Windows file at folder na maaaring ligtas na matanggal upang mapalaya ang puwang ng disk.

Basahin Susunod
Mga Kaugnay na Paksa
  • Programming
  • Code ng Visual Studio
Tungkol sa May-akda Kris Wouk(118 Mga Artikulo Na-publish)

Si Kris Wouk ay isang musikero, manunulat, at kung ano man ang tawag dito kapag may gumawa ng mga video para sa web. Isang taong mahilig sa tech hangga't naaalala niya, siguradong mayroon siyang mga paboritong operating system at aparato, ngunit gumagamit ng maraming iba pa hangga't maaari pa rin niya, upang manatiling abala.

kung paano makakuha ng mga caption sa tiktok
Higit pa Mula kay Kris Wouk

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe