VS Code praktinis vadovas: būtini triukai ir įrankių rekomendacijos efektyviems kūrėjams

Visual Studio Code (VS Code) yra nemokamas, atvirojo kodo, daugiaplatformis kodo redaktorius, kurį mėgsta daugelis kūrėjų. Jis pasižymi galingomis funkcijomis, turtinga plėtinių ekosistema ir paprasta naudoti sąsaja. Šiame straipsnyje, remdamiesi naujausiomis X/Twitter diskusijomis, apibendrinsime praktinius VS Code triukus ir įrankių rekomendacijas, kurios padės jums padidinti kūrimo efektyvumą.

Kuo VS Code toks patrauklus?

Iš X/Twitter diskusijų galime pamatyti kūrėjų entuziazmą VS Code atžvilgiu. @@freeCodeCamp kelis kartus paminėjo VS Code populiarumą ir nemokamumą, pabrėždami jo teikiamas gausias funkcijas. @@chomado pasidalijo savo mėgstamiausiu redaktoriumi ir rekomendavo plėtinius priekinės dalies inžinieriams.

Apibendrinant, pagrindiniai VS Code pranašumai yra šie:

• Nemokamas ir atvirojo kodo: Bet kas gali nemokamai naudoti ir dalyvauti bendruomenės kūrime.
• Daugiaplatformis: Palaiko įvairias operacines sistemas, tokias kaip Windows, macOS, Linux ir kt.
• Lengvas: Greitai paleidžiamas, mažai naudoja išteklių.
• Galinga plėtinių ekosistema: Įdiegus plėtinius, galima patobulinti VS Code funkcijas ir patenkinti įvairius kūrimo poreikius.
• Integruoti derinimo įrankiai: Palaiko įvairių programavimo kalbų derinimą, todėl kūrėjams lengva greitai nustatyti ir išspręsti problemas.
• Integruotas Git: Patogu kūrėjams atlikti versijų valdymą.
• Išmanūs patarimai: Pateikia kodo užbaigimą, sintaksės tikrinimą ir kitas funkcijas, kad padidintų kodavimo efektyvumą.

VS Code praktiniai triukai: padidinkite savo kūrimo efektyvumą

1. Įvaldykite sparčiuosius klavišus: VS Code siūlo daugybę sparčiųjų klavišų, o jų įvaldymas gali žymiai padidinti kūrimo efektyvumą. Štai keletas dažniausiai naudojamų sparčiųjų klavišų:

   • Ctrl+Shift+P (Windows/Linux) / Cmd+Shift+P (macOS): Atidaro komandų paletę. Tai viena iš pagrindinių VS Code funkcijų, per komandų paletę galima atlikti įvairias operacijas.
   • Ctrl+P (Windows/Linux) / Cmd+P (macOS): Greitai atidaro failą.
   • Ctrl+Shift+O (Windows/Linux) / Cmd+Shift+O (macOS): Greitai pereina prie simbolio (funkcijos, klasės ir kt.).
   • Ctrl+Shift+F (Windows/Linux) / Cmd+Shift+F (macOS): Visuotinis paieška.
   • Ctrl+D (Windows/Linux) / Cmd+D (macOS): Pasirenka kitą atitikmenį. Galima vienu metu redaguoti kelis identiškus tekstus.
   • Alt+Shift+Down/Up (Windows/Linux) / Option+Shift+Down/Up (macOS): Nukopijuoja dabartinę eilutę į kitą eilutę / ankstesnę eilutę.
   • Ctrl+/ (Windows/Linux) / Cmd+/ (macOS): Komentuoja / atkomentuoja dabartinę eilutę arba pasirinktą kodo bloką.
   • Alt+Up/Down (Windows/Linux) / Option+Up/Down (macOS): Perkelia dabartinę eilutę arba pasirinktą kodo bloką aukštyn / žemyn.
   • Ctrl+K Ctrl+S: Atidaro klaviatūros sparčiųjų klavišų nustatymų sąsają, kurioje galima peržiūrėti ir tinkinti sparčiuosius klavišus.

2. Gerai išnaudokite komandų paletę: Per Ctrl+Shift+P / Cmd+Shift+P atidarius komandų paletę, galima atlikti įvairias operacijas, pavyzdžiui:

   • Settings: Atidaro nustatymų sąsają.
   • Extensions: Install Extension: Įdiegia plėtinį.
   • Git: Commit: Pateikia Git pakeitimus.
   • Format Document: Formatuoja dabartinį dokumentą.
   • Go to Symbol in Workspace: Greitai pereina prie simbolio darbo srityje.

3. Individualūs nustatymai: VS Code leidžia vartotojams individualizuoti įvairius nustatymus, įskaitant temas, šriftus, įtraukos stilius ir kt. Nustatymų sąsają galima atidaryti per File -> Preferences -> Settings arba tiesiogiai redaguojant settings.json failą.

   • Tema: pasirinkus patinkančią temą, galima pagerinti kodavimo patogumą.
   • Šriftas: pasirinkus tinkamą šriftą, galima pagerinti kodo skaitomumą. Rekomenduojama naudoti fiksuoto pločio šriftus, tokius kaip Fira Code, JetBrains Mono ir kt.
   • Įtraukos stilius: nustatykite įtraukos stilių pagal projekto specifikacijas, galite naudoti tarpus arba Tab klavišą.
   • Automatinis išsaugojimas: įjungus automatinio išsaugojimo funkciją, galima išvengti kodo praradimo dėl pamiršimo išsaugoti.

4. Naudokite kodo fragmentus (Code Snippets): kodo fragmentai gali padėti greitai įterpti dažnai naudojamus kodo blokus. VS Code turi įdiegtus kai kuriuos dažniausiai naudojamus kodo fragmentus, taip pat galite tinkinti kodo fragmentus.

   • Atidarykite komandų paletę, įveskite Preferences: Configure User Snippets, pasirinkite kalbą, kurią norite redaguoti, ir tada galite redaguoti kodo fragmentus.
   • Pavyzdžiui, galite sukurti clog kodo fragmentą JavaScript, kad greitai įterptumėte console.log():

   "Print to console": {
       "prefix": "clog",
       "body": [
           "console.log('$1');",
           "$2"
       ],
       "description": "Log output to console" // Išvesties registravimas į konsolę
   }
   

5. Naudokite kelių žymeklių redagavimą: laikykite nuspaudę Alt (Windows/Linux) / Option (macOS) klavišą ir spustelėkite pele, kad sukurtumėte žymeklius keliose vietose ir vienu metu redaguotumėte kelias kodo eilutes. Taip pat galite naudoti Ctrl+D / Cmd+D, kad pasirinktumėte kitą atitiktį ir atliktumėte kelių žymeklių redagavimą.

6. Padalinkite redaktorių: galite padalinti redaktorių į kelis langus, kad vienu metu peržiūrėtumėte ir redaguotumėte kelis failus. Norėdami padalinti redaktorių, galite naudoti komandą View -> Editor Layout -> Split Editor.

7. Nuotolinis kūrimas: VS Code siūlo Remote Development plėtinį, leidžiantį redaguoti kodą nuotoliniame serveryje vietoje. Tai labai naudinga kuriant serverio programas.

8. VS Code naudojimas naršyklėje: Kaip pažymėjo @@Prathkum, apsilankę vscode.dev, galite tiesiogiai naudoti VS Code naršyklėje, patogiai ir greitai. Tai labai naudinga laikinam redagavimui arba dirbant įrenginyje, kuriame neįdiegta VS Code. @@CompuIves darbas dar labiau patobulino tai, jam pavyko paleisti VS Code tiesiogiai naršyklėje ir prisijungti prie CodeSandbox API.

VS Code įrankių rekomendacijos: sukurkite savo IDE

VS Code stiprybė slypi turtingoje plėtinių ekosistemoje. Štai keletas dažniausiai naudojamų plėtinių rekomendacijų:

• Prettier: kodo formatavimo įrankis, kuris gali automatiškai formatuoti kodą, kad išlaikytų nuoseklų kodo stilių.

  ext install esbenp.prettier-vscode
  

• ESLint: JavaScript kodo tikrinimo įrankis, kuris gali patikrinti klaidas ir galimas problemas kode.

  ext install dbaeumer.vscode-eslint
  ```*   **EditorConfig for VS Code:** įrankis, skirtas palaikyti nuoseklų kodo stilių tarp skirtingų redaktorių.
  
  ```shell
  ext install EditorConfig.EditorConfig
  

• Live Server: greitai paleidžia vietinį serverį, kad būtų lengviau derinti priekinės sąsajos kodą. @@ThreatSynop paminėjo Live Server saugos spragą, primindamas kūrėjams būti atsargiems naudojant plėtinį.

  ext install ritwickdey.LiveServer
  

• Code Runner: palaiko daugelio programavimo kalbų vykdymą, kad būtų galima greitai išbandyti kodo fragmentus. Panašiai, @@ThreatSynop taip pat nurodė Code Runner saugos spragą.

  ext install formulahendry.code-runner
  

• GitLens: patobulintas Git funkcionalumo plėtinys, leidžiantis peržiūrėti kodo pateikimo istoriją, autoriaus informaciją ir kt.

  ext install eamodio.gitlens
  

• Bracket Pair Colorizer: spalvina skliaustų poras, kad būtų lengviau peržiūrėti kodo struktūrą.

  ext install CoenraadS.bracket-pair-colorizer-2
  

• IntelliCode: (teikia Microsoft) AI pagrįstas kodo užbaigimas, kuris gali pateikti išmanesnius kodo pasiūlymus, atsižvelgiant į kontekstą.

  ext install visualstudioexptteam.vscodeintellicode
  

• VS Code Copilot: (teikia GitHub, mokamas) AI kodo asistentas, kuris gali generuoti kodo fragmentus, funkcijas ar net visus failus pagal jūsų kodą. @@aadhilkh paminėjo didelį VS Code Copilot ekonomiškumą.

• Markdown Preview Enhanced: geresnis Markdown peržiūros įskiepis. @@ThreatSynop taip pat nurodo, kad šis įskiepis turi saugumo problemų, į kurias reikia atkreipti dėmesį.

  ext install shd101wyy.markdown-preview-enhanced
  

• Remote Development 扩展包: apima tokius plėtinius kaip SSH, Containers, WSL ir kt., kad būtų lengviau atlikti nuotolinį kūrimą.

Apie LLM ir VS Code integraciją

X/Twitter taip pat pasirodė diskusijų apie LLM ir VS Code integraciją. @@akshay_pachaar pasidalijo metodu, kaip apmokyti LLM VS Code. @@MacopeninSUTABA paminėjo Anthropic AI kodavimo agento "Claude Code" integraciją su VS Code. Visa tai rodo, kad ateityje AI vaidins vis svarbesnį vaidmenį kūrime.

Saugos patarimai

Kaip minėjo @@ThreatSynop, kai kurie VS Code plėtiniai turi saugos spragų, kurios gali sukelti failų vagystę ir nuotolinį kodo vykdymą. Todėl, naudojant plėtinius, reikia atkreipti dėmesį į šiuos dalykus:

• Pasirinkite oficialius arba gerą reputaciją turinčius plėtinius.
• Reguliariai atnaujinkite plėtinius.
• Atidžiai perskaitykite plėtinio leidimų aprašymą.
• Įdiekite kodo tikrinimo įrankius, tokius kaip ESLint, kurie gali padėti aptikti galimas kodo problemas.
• Stebėkite VS Code ir plėtinių saugos pranešimus ir laiku pataisykite spragas.## Apibendrinimas

VS Code, kaip galingas kodo redaktorius, turi daug praktinių patarimų ir turtingą plėtinių ekosistemą, kuri gali padėti kūrėjams pagerinti kūrimo efektyvumą. Įvaldę sparčiuosius klavišus, tinkindami nustatymus, naudodami kodo fragmentus, įdiegdami tinkamus plėtinius ir kitus metodus, galite paversti VS Code savo asmenine IDE. Taip pat turėtumėte atkreipti dėmesį į saugumo problemas, pasirinkti oficialius arba patikimus plėtinius ir reguliariai juos atnaujinti. Tikiuosi, kad šis straipsnis jums padėjo!