VS Code Praktiskais ceļvedis: Nepieciešamie padomi un rīku ieteikumi efektīviem izstrādātājiem

Visual Studio Code (VS Code) kā bezmaksas, atvērtā koda, starpplatformu koda redaktors ir ļoti populārs izstrādātāju vidū. Tam ir jaudīgas funkcijas, bagātīga paplašinājumu ekosistēma un vienkārši lietojams interfeiss. Šis raksts apvienos nesenās diskusijas X/Twitter, lai apkopotu VS Code praktiskus padomus un rīku ieteikumus, lai palīdzētu jums uzlabot izstrādes efektivitāti.

Kāpēc VS Code ir tik pievilcīgs?

No X/Twitter diskusijām mēs varam redzēt izstrādātāju entuziasmu par VS Code. @@freeCodeCamp vairākkārt minēja VS Code popularitāti un bezmaksas pieejamību, uzsverot tā piedāvātās bagātīgās funkcijas. @@chomado dalījās ar savu iecienītāko redaktoru un ieteica paplašinājuma funkcijas front-end inženieriem.

Apkopojot, VS Code galvenās priekšrocības ir:

• Bezmaksas un atvērtā koda: Ikviens var to izmantot bez maksas un piedalīties kopienas izstrādē.
• Starpplatformu: Atbalsta dažādas operētājsistēmas, piemēram, Windows, macOS, Linux utt.
• Viegls: Ātrs startēšanas ātrums un zems resursu patēriņš.
• Jaudīga paplašinājumu ekosistēma: Instalējot paplašinājumus, varat uzlabot VS Code funkcionalitāti, lai apmierinātu dažādas izstrādes vajadzības.
• Iebūvēti atkļūdošanas rīki: Atbalsta dažādu programmēšanas valodu atkļūdošanu, atvieglojot izstrādātājiem ātri atrast un atrisināt problēmas.
• Integrēts Git: Atvieglo izstrādātājiem versiju kontroli.
• Viedie padomi: Nodrošina koda pabeigšanu, sintakses pārbaudi un citas funkcijas, lai uzlabotu kodēšanas efektivitāti.

VS Code praktiskie padomi: Uzlabojiet savu izstrādes efektivitāti

1. Apgūstiet īsinājumtaustiņus: VS Code piedāvā bagātīgus īsinājumtaustiņus, un to prasmīga apgūšana var ievērojami uzlabot izstrādes efektivitāti. Šeit ir daži bieži lietoti īsinājumtaustiņi:

   • Ctrl+Shift+P (Windows/Linux) / Cmd+Shift+P (macOS): Atver komandu paneli. Šī ir viena no VS Code galvenajām funkcijām, un, izmantojot komandu paneli, varat veikt dažādas darbības.
   • Ctrl+P (Windows/Linux) / Cmd+P (macOS): Ātri atver failu.
   • Ctrl+Shift+O (Windows/Linux) / Cmd+Shift+O (macOS): Ātri pāriet uz simbolu (funkciju, klasi utt.).
   • Ctrl+Shift+F (Windows/Linux) / Cmd+Shift+F (macOS): Globālā meklēšana.
   • Ctrl+D (Windows/Linux) / Cmd+D (macOS): Atlasa nākamo atbilstību. Varat rediģēt vairākus vienādus tekstus vienlaikus.
   • Alt+Shift+Down/Up (Windows/Linux) / Option+Shift+Down/Up (macOS): Kopē pašreizējo rindu uz nākamo rindu/iepriekšējo rindu.
   • Ctrl+/ (Windows/Linux) / Cmd+/ (macOS): Komentē/atkomentē pašreizējo rindu vai atlasīto koda bloku.
   • Alt+Up/Down (Windows/Linux) / Option+Up/Down (macOS): Pārvieto pašreizējo rindu vai atlasīto koda bloku uz augšu/uz leju.
   • Ctrl+K Ctrl+S: Atver tastatūras īsinājumtaustiņu iestatījumu saskarni, kur varat skatīt un pielāgot īsinājumtaustiņus.

2. Labi izmantojiet komandu paneli: Izmantojot Ctrl+Shift+P / Cmd+Shift+P, lai atvērtu komandu paneli, varat veikt dažādas darbības, piemēram:

   • Settings: Atver iestatījumu saskarni.
   • Extensions: Install Extension: Instalē paplašinājumu.
   • Git: Commit: Iesniedz Git izmaiņas.
   • Format Document: Formatē pašreizējo dokumentu.
   • Go to Symbol in Workspace: Ātri pāriet uz simbolu darba zonā.

3. Pielāgoti iestatījumi: VS Code ļauj lietotājiem pielāgot dažādus iestatījumus, tostarp tēmas, fontus, atkāpes utt. Iestatījumu saskarni var atvērt, izmantojot File -> Preferences -> Settings, vai arī tieši rediģējot failu settings.json.

   • Tēma: izvēlieties sev tīkamu tēmu, lai uzlabotu kodēšanas komfortu.
   • Fonts: izvēlieties piemērotu fontu, lai uzlabotu koda lasāmību. Ieteicams izmantot vienāda platuma fontus, piemēram, Fira Code, JetBrains Mono utt.
   • Atkāpes: iestatiet atkāpes atbilstoši projekta specifikācijām, varat izmantot atstarpes vai Tab taustiņu.
   • Automātiskā saglabāšana: aktivizējiet automātiskās saglabāšanas funkciju, lai izvairītos no koda zaudēšanas, aizmirstot saglabāt.

4. Koda fragmentu izmantošana (Code Snippets): Koda fragmenti var palīdzēt ātri ievietot bieži izmantotus koda blokus. VS Code ir iebūvēti daži bieži izmantoti koda fragmenti, un jūs varat arī pielāgot koda fragmentus.

   • Atveriet komandu paneli, ievadiet Preferences: Configure User Snippets, atlasiet valodu, kuru vēlaties rediģēt, un pēc tam varat rediģēt koda fragmentus.
   • Piemēram, varat izveidot clog koda fragmentu JavaScript, lai ātri ievietotu console.log():

   "Print to console": {
       "prefix": "clog",
       "body": [
           "console.log('$1');",
           "$2"
       ],
       "description": "Log output to console"
   }
   

5. Vairāku kursoru rediģēšana: Turiet nospiestu taustiņu Alt (Windows/Linux) / Option (macOS) un pēc tam noklikšķiniet ar peli, lai vairākās vietās izveidotu kursorus un vienlaikus rediģētu vairākas koda rindiņas. Varat arī izmantot Ctrl+D / Cmd+D, lai atlasītu nākamo atbilstību vairāku kursoru rediģēšanai.

6. Redaktora sadalīšana: Redaktoru var sadalīt vairākos logos, lai vienlaikus skatītu un rediģētu vairākus failus. Varat izmantot komandu View -> Editor Layout -> Split Editor, lai sadalītu redaktoru.

7. Attālā izstrāde: VS Code piedāvā Remote Development paplašinājumu, kas ļauj lokāli rediģēt kodu attālinātā serverī. Tas ir ļoti noderīgi servera puses lietojumprogrammu izstrādei.

8. VS Code izmantošana pārlūkprogrammā: Kā norādīja @@Prathkum, apmeklējot vscode.dev, varat tieši izmantot VS Code pārlūkprogrammā, kas ir ērti un ātri. Tas ir ļoti noderīgi pagaidu rediģēšanai vai darbam ierīcēs, kurās nav instalēts VS Code. @@CompuIves darbs to vēl vairāk uzlaboja, viņš veiksmīgi palaida VS Code tieši pārlūkprogrammā un savienoja to ar CodeSandbox API.

VS Code rīku ieteikumi: izveidojiet savu IDE

VS Code spēks slēpjas tās bagātīgajā paplašinājumu ekosistēmā. Šeit ir daži bieži izmantoti paplašinājumu ieteikumi:

• Prettier: Koda formatēšanas rīks, kas var automātiski formatēt kodu, lai saglabātu konsekventu koda stilu.

  ext install esbenp.prettier-vscode
  

• ESLint: JavaScript koda pārbaudes rīks, kas var pārbaudīt koda kļūdas un iespējamās problēmas.

  ext install dbaeumer.vscode-eslint
  ```*   **EditorConfig for VS Code:** Rīks, kas paredzēts, lai uzturētu vienotu koda stilu dažādos redaktoros.
  
  ```shell
  ext install EditorConfig.EditorConfig
  

• Live Server: Ātri palaiž lokālo serveri, lai atvieglotu front-end koda atkļūdošanu. @@ThreatSynop minēja Live Server drošības ievainojamību, atgādinot izstrādātājiem, ka, lietojot paplašinājumu, jāpievērš uzmanība drošībai.

  ext install ritwickdey.LiveServer
  

• Code Runner: Atbalsta dažādu programmēšanas valodu palaišanu, atvieglojot ātru koda fragmentu testēšanu. Arī @@ThreatSynop norādīja uz Code Runner drošības ievainojamību.

  ext install formulahendry.code-runner
  

• GitLens: Paplašinājums, kas uzlabo Git funkcionalitāti, ļaujot skatīt koda iesniegšanas vēsturi, autora informāciju utt.

  ext install eamodio.gitlens
  

• Bracket Pair Colorizer: Iekavu pāru krāsošana, lai atvieglotu koda struktūras apskati.

  ext install CoenraadS.bracket-pair-colorizer-2
  

• IntelliCode: (Nodrošina Microsoft) AI atbalstīta koda pabeigšana, kas var sniegt viedākus koda ieteikumus, pamatojoties uz kontekstu.

  ext install visualstudioexptteam.vscodeintellicode
  

• VS Code Copilot: (Nodrošina GitHub, par maksu) AI koda palīgs, kas var ģenerēt koda fragmentus, funkcijas vai pat veselus failus, pamatojoties uz jūsu kodu. @@aadhilkh minēja VS Code Copilot augsto izmaksu efektivitāti.

• Markdown Preview Enhanced: Labāks Markdown priekšskatījuma spraudnis. @@ThreatSynop arī norāda, ka šim spraudnim ir drošības problēmas, kas jāņem vērā.

  ext install shd101wyy.markdown-preview-enhanced
  

• Remote Development paplašinājumu pakotne: Ietver tādus paplašinājumus kā SSH, Containers, WSL utt., lai atvieglotu attālinātu izstrādi.

Par LLM un VS Code integrāciju

X/Twitter parādījās arī dažas diskusijas par LLM un VS Code integrāciju. @@akshay_pachaar dalījās ar metodi LLM apmācībai VS Code. @@MacopeninSUTABA minēja Anthropic AI kodēšanas aģenta "Claude Code" integrāciju ar VS Code. Tas viss liecina, ka AI spēlēs arvien nozīmīgāku lomu turpmākajā izstrādē.

Drošības padomi

Kā minēja @@ThreatSynop, dažiem VS Code paplašinājumiem ir drošības ievainojamības, kas var izraisīt failu zādzību un attālinātu koda izpildi. Tāpēc, lietojot paplašinājumus, jāņem vērā šādi aspekti:

• Izvēlieties oficiālus vai labi pazīstamus paplašinājumus.
• Regulāri atjauniniet paplašinājumus.
• Rūpīgi izlasiet paplašinājuma atļauju aprakstu.
• Instalējiet koda pārbaudes rīkus, piemēram, ESLint, kas var palīdzēt atklāt potenciālas problēmas kodā.
• Sekojiet VS Code un paplašinājumu drošības paziņojumiem un savlaicīgi novērsiet ievainojamības.## Kopsavilkums

VS Code kā jaudīgs koda redaktors piedāvā daudzus praktiskus padomus un bagātīgu paplašinājumu ekosistēmu, kas var palīdzēt izstrādātājiem uzlabot izstrādes efektivitāti. Apgūstot īsinājumtaustiņus, pielāgojot iestatījumus, izmantojot koda fragmentus, instalējot atbilstošus paplašinājumus utt., jūs varat pārvērst VS Code par savu īpašo IDE. Tajā pašā laikā jums jāpievērš uzmanība arī drošības jautājumiem, jāizvēlas oficiāli vai uzticami paplašinājumi un regulāri jāatjaunina paplašinājumi. Ceru, ka šis raksts jums palīdzēs!