Kā formatēt kodu VS kodā

Ievadot komandas programmā VS Code, mēģinājums būt kārtīgam dažkārt var būt pēdējais, par ko domājat. Lai gan formatējums nav nepieciešams, lai programma darbotos, tas ļoti palīdz atkļūdošanas un kļūdu atrašanas laikā.

Šajā rakstā mēs parādīsim, kā formatēt kodu programmā VS Code, kā arī citus noderīgus padomus, kā pareizi sakārtot kodu.

Kā formatēt kodu

VS Code ir iebūvētas komandas, lai sakārtotu pašlaik ievadīto kodu standarta formātā. Šiem īsinājumtaustiņiem nav nepieciešami papildu paplašinājumi, un tos var izmantot jebkurā laikā. Īsceļi ir šādi:

Datoram

Formatējiet visu dokumentu:

  • Atveriet failu ar kodu, kuru vēlaties formatēt.
  • Nospiediet taustiņu kombināciju Shift + Alt + F.
  • Saglabājiet izmaiņas, augšējā kreisajā stūrī noklikšķinot uz „Fails“, pēc tam izvēloties „Saglabāt“ vai nospiežot „Ctrl + S“.
  • Tikai atlasītā koda formatēšana:

  • Failā ar koda rindām, kuras vēlaties formatēt, atlasiet rindiņas, iezīmējot tās ar peli.
  • Nospiediet „Ctrl + K“.
  • Nospiediet „Ctrl + F“.
  • Saglabājiet izmaiņas, augšējā kreisajā stūrī izvēlnē Fails izvēloties „Saglabāt“ vai nospiežot „Ctrl + S“.
  • Ņemiet vērā, ka, nospiežot taustiņu kombināciju Ctrl + F, vispirms nenospiežot taustiņu kombināciju Ctrl + K, tiks atvērta meklēšanas izvēlne. Ja tas notiek, vienkārši aizveriet, noklikšķinot uz pogas “x” vai nospiežot Esc.

    Pārvietojiet līnijas uz augšu vai uz leju:

  • Pārvietojiet kursoru uz tās rindas sākumu, kuru vēlaties pārvietot.
  • Turiet nospiestu taustiņu Alt.
  • Lai pārvietotu līniju uz augšu, nospiediet augšupvērsto bultiņu. Lai to pārvietotu uz leju, nospiediet lejupvērsto bultiņu.
  • Saglabājiet failu, izvēloties to loga augšējā kreisajā stūrī esošajā izvēlnē Fails vai nospiežot „Ctrl + S“.
  •   Kā izmantot Google Chrome slēptā lasītāja režīmu

    Mainīt vienas rindas atkāpi:

  • Pārvietojiet kursoru uz tās rindas sākumu, kurā vēlaties mainīt atkāpi.
  • Nospiediet “Ctrl + ]”, lai palielinātu atkāpi.
  • Nospiediet „Ctrl + [“ to decrease the indent.
  • Save changes by selecting Save from the File menu or by pressing “Ctrl + S”.
  • For Mac

    Format the entire document:

  • Open the file with the code that you wish to format.
  • Press “⇧ + ⌥ + F.”
  • Save your changes by clicking “File” on the upper left then choosing “Save” or pressing “⌘ + S”.
  • Formatting selected code only:

  • Highlight the part of the document that you wish to format.
  • Press “⌘ + K”.
  • Press “⌘ + F”.
  • Save your file by pressing “⌘ + S” or by choosing “Save” from the File menu on the upper left corner of the window.
  • Note that using “⌘ + F” without pressing “⌘ + K” beforehand will only open the Find Menu. To close the Find Menu just press “x” on the right side or press Esc.

    Move lines up or down:

  • Place your cursor at the beginning of the line you want to edit.
  • Hold down the “⌥” Key.
  • To move a line up, press the up arrow. To move it down, press the down arrow.
  • Save your changes by choosing “Save” from the File menu or by pressing “⌘ + S”.
  • Change indentation of a single line:

  • Move your cursor to the beginning of the line in which you want to change the indention.
  • Press “⌘ + ]”, lai palielinātu atkāpi.
  • Nospiediet “⌘ +[”laisamazinātuatkāpi[“todecreasetheindent
  • Saglabājiet failu, nospiežot “⌘+S” vai izvēloties “Saglabāt” no izvēlnes Fails loga augšējā kreisajā stūrī.
  •   Izlabojiet Snap Camera Nav pieejama kameras ievades kļūdu

    VS koda formāta kods saglabāšanas režīmā

    VS Code nav vietējās komandas, kas formatētu jūsu dokumentu saglabāšanas laikā. Tā vietā to var izdarīt, instalējot formatēšanas paplašinājumu savā VS Code lietojumprogrammā. Vispopulārākais no šiem paplašinājumiem ir Prettier, kas nodrošina daudz formatēšanas funkcionalitātes VS Code. Prettier var uzstādīt, rīkojoties šādi:

  • Atveriet VS kodu.
  • Noklikšķiniet uz pogas Paplašinājumi, kas atrodas kreisajā izvēlnē. Šī ir ikona, kas izskatās kā četras kastes. Varat arī nospiest taustiņu kombināciju “Ctrl+Shit+x” personālajam datoram vai “⌘+⇧+x” operētājsistēmā Mac.
  • Meklēšanas joslā izvēlnes augšdaļā ierakstiet Prettier.
  • Noklikšķiniet uz pogas Instalēt ikonas Prettier apakšējā labajā stūrī.
  • Pagaidiet, līdz paplašinājums pabeidz instalēšanu.
  • Lai Prettier varētu sākt automātiski formatēt dokumentu saglabāšanas laikā, jums ir jāiestata paplašinājums, lai aktivizētu šo funkciju. Tas tiek darīts, veicot šādas darbības:

  • Atveriet iestatījumu logu, nospiežot taustiņu “Ctrl+” datorā vai “⌘+” operētājsistēmā Mac.
  • Meklēšanas joslā ierakstiet formatētājs. Tam vajadzētu parādīt vairākus formatēšanas iestatījumus.
  • Iestatījumā Redaktors: noklusējuma formatētājs pārliecinieties, vai atlasītais paplašinājums ir skaistāks. Ja nav noklusējuma formatētāja vai VS Code pēc noklusējuma izmanto citu formatētāju, nospiediet nolaižamās izvēlnes bultiņu. Sarakstā atlasiet “Skaistāks — koda formatētājs”. Alternatīvi, Prettier sarakstā var parādīties kā “esbenp.prettier-vscode”.
  • Pārliecinieties, vai ir atzīmēta opcija “Redaktors: Formatēt saglabājot”. Ja nē, pārslēdziet atzīmi.
  • Iestatījumu meklēšanas joslā ierakstiet “Prettier”.
  • Ritiniet uz leju, līdz atrodat rindu “Skaistāks: Nepieciešama konfigurācija”. Pārliecinieties, vai ir atzīmēta izvēles rūtiņa. Šis iestatījums neļauj Prettier formatēt dokumentus bez konfigurācijas faila. Tas ir ērti, ja skatāties lejupielādēto kodu, kuram var būt savi formatēšanas noteikumi. Tas neļauj nejauši pārrakstīt formatēšanas opcijas. Ņemiet vērā, ka faili bez nosaukuma joprojām tiks formatēti automātiski, pat ja šis iestatījums ir atzīmēts.
  • Varat rediģēt konkrētus Prettier iestatījumus atkarībā no jūsu vēlmēm. Kad esat pabeidzis, varat iziet no šīs izvēlnes.
  •   Kā koplietot sava Google kalendāra statisku momentuzņēmumu

    Tā kā esat konfigurējis Prettier, lai tas automātiski formatētu tikai tad, kad ir konfigurācijas fails, jums tas ir jāizveido katram projektam. Tas tiek darīts, veicot šādas darbības:

  • Kreisajā izvēlnē atlasiet sava projekta sakni.
  • Noklikšķiniet uz jaunā faila pogas, lai izveidotu konfigurācijas failu.
  • Nosauciet šo failu “.prettierrc”.
  • Failā vienkārši ievadiet {}.
  • Prettier tagad automātiski formatēs jūsu dokumentu ikreiz, kad to saglabāsit.
  • Padomi koda kārtošanai

  • Lai gan atkāpe nav nepieciešama, lai programma darbotos, tā var palīdzēt atkļūdot, sadalot kodu pārvaldāmos moduļos. Piemēram, priekšraksti “Ja-Tad” vai ligzdoti gadījumi var gūt labumu no tā, padarot katru alternatīvo opciju vizuāli atšķiramu vienu no otras. Tas noder, ja jums ir darīšana ar loģikas kļūdām, nevis sintakses kļūdām.
  • Ja piešķirat nosaukumus moduļiem vai īsām koda rindiņām, izveidojiet ieradumu izmantot aprakstošus nosaukumus, nevis vienkārši saukt to par 1. moduli, 2. moduli utt. Tādējādi ir vieglāk uzzināt, kura koda daļa veic noteiktu funkciju.
  • Vienmēr ir ieteicams izmantot komentārus savā labā. Neatkarīgi no tā, vai pievienojat īsu aprakstu vai vienkārši pievienojat piezīmi sev, komentāri ļoti palīdz atkļūdošanas laikā.
  • Organizācijas kods

    Pareizi formatējot projektus, tas ne tikai atvieglo lasīšanu, bet arī palīdz identificēt kļūdas un sakārtot kodu. Lai gan tas nav nepieciešams, lai programma darbotos, zināšanas, kā formatēt failus programmā VS Code, ir neapšaubāma priekšrocība.

    Vai zināt citus veidus, kā formatēt failus programmā VS Code? Jūtieties brīvi dalīties savās domās tālāk sniegtajā komentāru sadaļā.