Kā pielāgot Visual Studio kodu

Visual Studio Code, Microsoft jaunais atvērtā pirmkoda redaktors nodrošina izstrādātājiem daudzas lieliskas iespējas, kas ievērojami uzlabojas atvieglotu pirmkodu rediģēšanas procesu. Bez tam, Visual Studio Code nodrošina, ka lietotāji netiks garlaicīgi, strādājot ar to, jo tas ļauj tiem pielāgot vairākas tās izskata daļas, piemēram, krāsas, fontus, atstarpes un teksta formatējumu, tāpat kā daudzas funkcijas, piemēram, uzklāšana un apstiprināšanas noteikumi.

Šajā ziņojumā vispirms apskatīsim kā mainīt Visual Studio koda darbvietas izskatu, tad es jums parādīšu, kā pielāgot noklusējuma iestatījumus ar divu palīdzību JSON-formatēti konfigurācijas faili.

Kā iestatīt krāsu tēmu VS kodā

Visual Studio kods ļauj jums iestatiet pielāgotu krāsu tēmu redaktoram.

Lai izmantotu iepriekš izveidotu tēmu, noklikšķiniet uz Fails> Preferences> Krāsu tēma izvēlnes joslā. Kad jūs hit “Ievadiet”, tiek atvērta komandu palete, un tiek parādīts to tēmu saraksts, no kurām varat izvēlēties.

Jūs varat sasniegt tādu pašu efektu, ja nospiežat F1 lai atvērtu komandu paleti un ierakstiet Preferences: krāsu tēma komandu ievades laukā.

Pārvietojot opcijas nolaižamajā sarakstā, darba vietas izskats mainās reālā laikā, lai jūs varētu ātri redzēt, kura tēma atbilst jūsu vajadzībām vislabāk.

Es izvēlos “Augsts kontrasts” krāsu tēma, jo manas acis nav labākās. Lūk, kā izskatās mans skats.

Kā instalēt tēmu no VS koda tirgus

Ja jums nepatīk neviena no VS koda piedāvātajām krāsu tēmām, jūs varat lejupielādēt daudzus citus no VS koda tirgus laukuma.

Šeit jūs varat apskatīt tēmas, kuras pašlaik ir Marketplace. Ja vēlaties instalēt tēmu no tirgus, hit F1 tieši jūsu VS koda redaktorā, lai atvērtu komandu paleti, tad ierakstiet ext instalēt komandu ievades laukā, beidzot izvēlieties Paplašinājumi: Instalēt paplašinājumu opcija no saraksta, kas tiek atvērts.

Noklikšķinot uz šīs opcijas, parādās jauns komandu paletes gadījums. Ierakstiet "ext install theme" komandu jaunajā ievades laukā, un jūs iegūt visu tēmu sarakstu kas ir pieejami no VS Code Marketplace.

Es izvēlos saucamo tēmu “Materiālu temats”, un instalējiet to, noklikšķinot uz tā. Lai jaunajā motīvu sarakstā iekļautā tēma būtu tajā pašā vietā, kur ir citas noklusējuma tēmas, jums ir nepieciešams restartējiet VS kodu. Pēc restartēšanas jaunā tēma parādās tēmu sarakstā, un to var iestatīt no komandu paletes.

Ar jauno materiālu tēmu mans redaktors tagad izskatās šādi:

Jūs varat doties atpakaļ uz iepriekšējo tēmu (piemēram, es, jo es joprojām dodu priekšroku šai tēmai) vai jūs varat spēlēt vairāk ar citiem tematiem, lai redzētu, kas ir vispiemērotākais jums.

Ja vēlaties, varat arī izveidojiet savu pielāgoto tēmu, un publicējiet to VS Code Marketplace, izmantojot rīku vsce paplašinājuma pārvaldnieks.

Mainīt lietotāja un darba vietas iestatījumus

VS kods ne tikai ļauj iestatīt pielāgotu tēmu, bet arī varat konfigurēt daudzus citus iestatījumus, piemēram, formatēšanas noteikumi, dažādu funkciju izmantošana, avāriju pārskati, HTTP iestatījumi, failu asociācijas, uzklāšanas noteikumi un citi.

To var izdarīt, rediģējot divus konfigurācijas failus, gan JSON formātā. Neuztraucieties, jums nav jābūt profesionālam, jo ​​VS kods piedāvā diezgan vienkāršu un intuitīvu veidu, kā ātri pievienot pielāgojumus.

Sākumā redzēsim, kāda ir atšķirība starp abiem konfigurācijas failiem. VS kodam ir divi darbības virzieni (globāla un vietējā līmenī) iestatījumiem, tātad divi atsevišķi faili:

1. pasaules settings.json, kurā konfigurācijas noteikumi ir spēkā katrai darbvietai
2. ar darba vietu saistītais .vscode / settings.json, tas ir saistīts tikai ar atsevišķu darbvietu

The globāla settings.json failu var atrast mapē, kurā jūsu operētājsistēma saglabā visus citus ar lietotni saistītos konfigurācijas failus:

• sistēmā Windows: % APPDATA% Kods Lietotāja uzstādījumi.json
• Linux: $ HOME / .config / Kods / Lietotājs / settings.json
• Mac: $ HOME / Bibliotēka / lietojumprogrammu atbalsts / kods / lietotājs / settings.json

The darbvietas settings.json fails tiek saglabāts pašreizējā projekta mapē. Pēc noklusējuma šis fails nepastāv, bet, tiklīdz pievienojat pielāgotu darbvietas iestatījumu, VS kods izveido a .vscode / settings.json failu un ievieto pielāgotas darbvietas specifiskas konfigurācijas.

Tātad, kad jūs izmantojat settings.json failus?

Ja vēlaties, lai VS kods izmantotu jūsu pielāgotos konfigurācijas noteikumus viss jūsu projektiem, ievietojiet tos globālā mērogā settings.json failu.

Ja vēlaties, lai jūsu iestatījumi būtu derīgi tikai jūsu pašreizējais projekts, ievietojiet tos darbvietā settings.json failu.

Darba vietas iestatījumi ignorē globālos iestatījumus, tāpēc esiet uzmanīgi.

Tiek izsaukti globālie iestatījumi “Lietotāja iestatījumi” VS kodeksā. Atveriet tos, noklikšķinot uz Fails> Preferences> Lietotāja iestatījumi izvēlnē, vai arī sākot rakstīt izteiksmi “Lietotāja iestatījumi” komandu paletē (atveriet to ar F1).

VS kods atver divas rūtis blakus viena otrai: kreisajā pusē ir visas opcijas, kuras iespējams konfigurēt, un labais - globālais settings.json failu. Šajā failā ir jāievieto pielāgotie konfigurācijas noteikumi.

Kā redzat, jums nav jādara nekas cits, vienkārši kopējiet iestatījumus, kurus vēlaties mainīt, no kreisās puses uz labo pusi un pievienojiet modificētās vērtības.

Apskatīsim īsu piemēru (bet jūs varat veikt citas izmaiņas atbilstoši savām individuālajām vajadzībām). Es mainīšu fontu saimi, samazinu a cilnē no noklusējuma četrām atstarpēm līdz divām, samaziniet maksimālo darba failu skaitu no deviņiem līdz pieciem, un mainiet vienu no CSS uzklāšanas noteikumiem attiecībā uz dublētiem stiliem no "ignorēt" uz "brīdinājums".

Pēc kopēšanas ielīmēšanas mans globālais settings.json fails izskatās šādi:

 // Novietojiet iestatījumus šajā failā, lai pārrakstītu noklusējuma iestatījumus "editor.fontFamily": "Courier New", "editor.tabSize": 2, "explorer.workingFiles.maxVisible": 5, "css.lint.duplicateProperties" : "brīdinājums"

Pēc modificētās saglabāšanas settings.json faila izskats mainās uzreiz (zemāk redzamajā attēlā redzama tikai fontu saimes maiņa):

Līdzīgi varat mainīt darbvietas iestatījumus. Tagad jums ir jānoklikšķina uz Fails> Preferences> Darba vietas iestatījumi augšējā izvēlnes joslā, lai piekļūtu darbvietai .vscode / settings.json failu.

Darbvietas iestatījumiem ir tādas pašas konfigurācijas iespējas kā lietotāja iestatījumiem, un jūs varat izmantot to pašu kopēšanas ielīmēšanas tehniku. Ir tikai divas atšķirības - darbības joma (vietējā, nevis globālā) un settings.json failu, kurā tiks saglabātas jūsu pielāgotās konfigurācijas.