Visual Studio Code on ennen kaikkea editori, ja se sisältää ominaisuudet, joita tarvitset erittäin tuottavaan lähdekoodin muokkaukseen. Tässä aiheessa käydään läpi editorin perusteet ja autetaan sinua pääsemään liikkeelle koodin kanssa.

Näppäimistön pikanäppäimet

Koodia kirjoittaessasi kädet pysyvät näppäimistöllä, mikä on ratkaisevan tärkeää korkean tuottavuuden kannalta. VS Koodissa on runsaasti oletusarvoisia pikanäppäimiä sekä mahdollisuus muokata niitä.

  • Näppäimistön pikanäppäinten viite – Opi yleisimmin käytetyt ja suosituimmat pikanäppäimet lataamalla viite.
  • Asenna Keymap-laajennus – Käytä vanhan editorisi (kuten Sublime Text, Atom ja Vim) näppäimistön pikanäppäimiä VS Codessa asentamalla Keymap-laajennus.
  • Mukauta näppäimistön pikanäppäimiä – Muuta oletusnäppäimistön pikanäppäimet omaan tyyliisi sopiviksi.

Monivalinnat (monikursori)

VS Code tukee useita kursoreita nopeaa samanaikaista muokkausta varten. Voit lisätä toissijaisia kursoreita (renderöity ohuemmiksi) Alt+Click. Jokainen kursori toimii itsenäisesti sen mukaan, missä kontekstissa se on. Yleinen tapa lisätä lisää kursoreita on ⌥⌘↓ (Windows Ctrl+Alt+Down, Linux Shift+Alt+Down) tai ⌥⌘ (Windows Ctrl+Alt+Up, Linux Shift+Alt+Up), jotka lisäävät kursorit alle tai yläpuolelle.

Huomautus: Näytönohjainajurisi (esimerkiksi NVIDIA) saattaa korvata nämä oletuspikakuvakkeet.

Multi-kursori

⌘D (Windows, Linux Ctrl+D) valitsee kursorin kohdalla olevan sanan tai senhetkisen valinnan seuraavan esiintymän.

Multi-cursor-next-word

Vinkki: Voit myös lisätä lisää kursoreita ⇧⌘L (Windows, Linux Ctrl+Shift+L) -toiminnolla, joka lisää valinnan nykyisen valitun tekstin jokaisen esiintymän kohdalle.

Monikursorin modifiointinäppäin

Jos haluat vaihtaa useiden kursorien soveltamiseen käytettävän modifiointinäppäimen macOS:ssä Cmd+Clickiksi ja Windowsissa ja Linuxissa Ctrl+Clickiksi, voit tehdä sen asetuksella editor.multiCursorModifier. Näin muista editoreista, kuten Sublime Textistä tai Atomista, tulevat käyttäjät voivat jatkossakin käyttää heille tuttua näppäimistön modifiointinäppäintä.

Asetuksen voi asettaa seuraavasti:

  • ctrlCmd – Kuvastaa Ctrl-näppäintä Windowsissa ja Cmd-näppäintä macOS:ssä.
  • alt – Nykyinen oletusarvoinen Alt.

Valintavalikossa on myös valikkokohta Use Ctrl+Click for Multi-Cursor (Käytä Ctrl+Click for Multi-Cursor), jolla voit nopeasti vaihtaa tätä asetusta.

Mene määrittelyyn ja Avaa linkki -eleet kunnioittavat myös tätä asetusta ja mukautuvat siten, etteivät ne ole ristiriidassa. Kun asetus on esimerkiksi ctrlCmd, useita kursoreita voidaan lisätä Ctrl/Cmd+Klikkauksella ja linkkien avaaminen tai määritelmään siirtyminen voidaan kutsua Alt+Klikkauksella.

Valinnan kutistaminen/laajentaminen

Kutistat tai laajennat nykyistä valintaa nopeasti. Käynnistä se näppäimillä ⌃⇧⌘← (Windows, Linux Shift+Alt+Left) ja ⌃⇧⌘→ (Windows, Linux Shift+Alt+Right).

Tässä on esimerkki valinnan laajentamisesta ⌃⇧⌘→ (Windows, Linux Shift+Alt+Oikea) -toiminnolla:

Valinnan laajentaminen

Sarakkeen (laatikon) valinta

Aseta kursori johonkin nurkkaan ja pidä sitten painettuna näppäinyhdistelmää (Shift+Alt) samalla kun raahaat vastakkaiseen nurkkaan:

Sarakkeen tekstin valinta

Huomaa: Tämä muuttuu Shift+Ctrl/Cmd:ksi, kun käytät Ctrl/Cmd:tä usean kursorin muokkaajana.

Sarakkeen valinnalle on myös oletusnäppäinsidonnaisuus macOS:ssä ja Windowsissa, mutta ei Linuxissa.

Key Command Command ID
⇧⌥⌘˗ (Windowsissa Ctrl+Shift+Alt+Down, Linux ) Sarakkeen valinta alas cursorColumnSelectDown
⇧⌥⌘ (Windows Ctrl+Shift+Alt+Up, Linux ) Sarakkeen valinta ylös cursorColumnSelectUp
⇧⌥⌘← (Windows Ctrl+Shift+Alt+Vasen, Linux ) Sarakkeen valinta vasemmalle cursorColumnSelectLeft
⇧⌥⌘→ (Windows Ctrl+Shift+Alt+oikealle, Linux ) Sarakkeen valinta oikealle cursorColumnSelectRight
⇧⌥⌘PageDown (Windows Ctrl+Shift+Alt+PageDown, Linux ) Column Select Page Down cursorColumnSelectPageDown
⇧⌥⌘PageUp (Windows Ctrl+Shift+Alt+PageUp, Linux ) Column Select Page Up cursorColumnSelectPageUp

Voit halutessasi muokata keybindings.json:si sitomaan ne johonkin tutumpaan.

Sarakkeen valintatila

Käyttäjän asetus Editor: Sarakkeen valinta ohjaa tätä ominaisuutta. Kun tämä tila on otettu käyttöön, kuten tilapalkissa ilmoitetaan, hiiren eleet ja nuolinäppäimet luovat oletusarvoisesti sarakevalinnan. Tämä globaali kytkentä on käytettävissä myös Valinta > Sarakevalintatila -valikkokohdan kautta. Lisäksi sarakevalintatilan voi ottaa pois käytöstä tilapalkista.

Tallennus / Automaattinen tallennus

Vakiossa VS Code vaatii nimenomaisen toiminnon tallentaakseen muutokset levylle, ⌘S (Windows, Linux Ctrl+S).

Vaikka on helppo kytkeä päälle Auto Save, joka tallettaa muutokset määritellyn viiveen jälkeen tai silloin, kun fokus poistuu editorista. Kun tämä vaihtoehto on päällä, tiedostoa ei tarvitse tallentaa eksplisiittisesti. Helpoin tapa ottaa Auto Save käyttöön on tiedosto > Automaattinen tallennus -vaihtoehto, joka kytkee tallennuksen päälle ja pois viiveen jälkeen.

Jos haluat hallita Auto Save:tä tarkemmin, avaa Käyttäjä- tai Työtila-asetukset ja etsi niihin liittyvät asetukset:

  • files.autoSave:
    • off – automaattisen tallennuksen poistaminen käytöstä.
    • afterDelay – tiedostojen tallentaminen määritetyn viiveen jälkeen (oletus 1000 ms).
    • onFocusChange – tiedostojen tallentamiseksi, kun tarkennus siirtyy pois likaisen tiedoston editorista.
    • onWindowChange – tiedostojen tallentamiseksi, kun tarkennus siirtyy pois VS Code -ikkunasta.
  • files.autoSaveDelay: Määrittää viiveen millisekunteina, kun files.autoSave on määritetty afterDelay:ksi. Oletusarvo on 1000 ms.

Hot Exit

VS Code muistaa oletusarvoisesti tiedostojen tallentamattomat muutokset poistuttaessa. Kuuma poistuminen käynnistyy, kun sovellus suljetaan komennolla File > Exit (Code > Quit macOS:ssä) tai kun viimeinen ikkuna suljetaan.

Voit määrittää kuuman poistumisen asettamalla files.hotExit seuraaviin arvoihin:

  • "off":
  • "onExit": Hot exit käynnistyy, kun sovellus suljetaan, eli kun viimeinen ikkuna suljetaan Windowsissa/Linuxissa tai kun workbench.action.quit-komento käynnistetään (komentopaletista, pikanäppäimistöstä tai valikosta). Kaikki ikkunat, joissa ei ole avattuja kansioita, palautetaan seuraavassa käynnistyksessä.
  • "onExitAndWindowClose": Hot exit käynnistyy, kun sovellus suljetaan, eli kun viimeinen ikkuna suljetaan Windowsissa/Linuxissa tai kun workbench.action.quit-komento käynnistetään (komentopaletista, näppäimistön pikavalikosta tai valikosta), sekä myös kaikille ikkunoille, joissa on avattu kansio, riippumatta siitä, onko se viimeinen ikkuna. Kaikki ikkunat, joissa ei ole avattuja kansioita, palautetaan seuraavan käynnistyksen yhteydessä. Jos haluat palauttaa kansioiden ikkunat sellaisiksi kuin ne olivat ennen sammuttamista, aseta window.restoreWindows arvoksi all.

Jos jotain sattuu menemään pieleen kuuman poistumisen yhteydessä, kaikki varmuuskopiot tallennetaan vakioasennuspaikkojen osalta seuraaviin kansioihin:

  • Windows %APPDATA%\Code\Backups
  • macOS $HOME/Library/Application Support/Code/Backups
  • Linux $HOME/.config/Code/Backups

Find and Replace

VS-koodin avulla voit etsiä nopeasti tekstiä ja korvata sen parhaillaan avatussa tiedostossa. Paina ⌘F (Windows, Linux Ctrl+F) avataksesi Etsi-widgetin editorissa, hakutulokset korostetaan editorissa, yleiskatsauksen viivoittimessa ja minimapissa.

Jos nykyisessä avatussa tiedostossa on useampi kuin yksi täsmäävä tulos, voit painaa Enteriä ja ⇧Enteriä (Windows, Linux Shift+Enter) siirtyäksesi seuraavaan tai edelliseen tulokseen, kun Etsi-syöttölaatikko on fokusoitu.

Hakujonon syöttäminen valinnasta

Kun Etsi-widget avataan, se täyttää automaattisesti editorissa valitun tekstin Etsi-syöttöruutuun. Jos valinta on tyhjä, kursorin alla oleva sana lisätään sen sijaan syöttölaatikkoon.

Seed Search String From Selection

Tämä toiminto voidaan kytkeä pois päältä asettamalla editor.find.seedSearchStringFromSelection arvoksi false.

Find In Selection

Oletusarvoisesti etsintätoiminnot suoritetaan koko editorissa olevalle tiedostolle. Se voidaan suorittaa myös valittuun tekstiin. Voit ottaa tämän ominaisuuden käyttöön napsauttamalla Find Widgetin hampurilaiskuvaketta.

Find In Selection

Jos haluat sen olevan Find Widgetin oletuskäyttäytyminen, voit asettaa editor.find.autoFindInSelection:n arvoksi always tai multiline:ksi, jos haluat sen suoritettavan valittuun tekstiin vain silloin, kun useampi rivi sisältöä on valittu.

Edistyneet etsi ja korvaa -vaihtoehdot

Esimi-widgetissä on tavallisen tekstin etsimisen ja korvaamisen lisäksi kolme edistynyttä hakuvaihtoehtoa:

  • Match Case
  • Match Whole Word
  • Regulaarinen lauseke

Korvaa-syöttölaatikko tukee isojen ja pienten kirjainten säilyttämistä, voit ottaa sen käyttöön napsauttamalla Isojen ja pienten kirjainten säilyttäminen (AB) -painiketta.

Monirivituki ja Etsi-widgetin koon muuttaminen

Voit hakea monirivistä tekstiä liittämällä tekstin Etsi-syöttölaatikkoon ja Korvaa-syöttölaatikkoon. Painamalla Ctrl+Enter lisätään uusi rivi syöttölaatikkoon.

Monirivinen tuki

Pitkää tekstiä etsittäessä Find Widgetin oletuskoko saattaa olla liian pieni. Voit suurentaa Find Widgetiä vetämällä vasenta liuskaa tai kaksoisnapsauttaa vasenta liuskaa maksimoidaksesi sen tai kutistaaksesi sen oletuskokoon.

Resize Find Widget

Haku yli tiedostojen

VS-koodin avulla voit tehdä nopean haun yli kaikkien tällä hetkellä avoinna olevan kansion tiedostojen. Paina ⇧⌘F (Windows, Linux Ctrl+Shift+F) ja kirjoita hakusana. Hakutulokset ryhmitellään hakusanaa sisältäviin tiedostoihin, ja kunkin tiedoston osumat ja sijainti ilmoitetaan. Laajenna tiedostoa, niin näet esikatselun kaikista kyseisessä tiedostossa olevista osumista. Napsauta sitten yhtä osumaa yhdellä napsautuksella nähdäksesi sen editorissa.

Yksinkertainen tekstihaku tiedostojen välillä

Vinkki: Tuemme myös säännöllisten lausekkeiden hakua hakukentässä.

Voit määrittää tarkennetut hakuasetukset napsauttamalla ellipsiä (Vaihda hakutiedot) hakukentän alapuolella oikealla (tai painamalla ⇧⌘J (Windows, Linux Ctrl+Shift+J)). Tämä tuo näkyviin lisäkenttiä haun määrittämistä varten.

Edistyneet hakuasetukset

Edistyneet hakuasetukset

Hakukentän alapuolella oleviin kahteen syöttölaatikkoon voit syöttää kuvioita, jotka haluat sisällyttää hakuun tai sulkea sen pois. Jos kirjoitat example, se vastaa jokaista example-nimistä kansiota ja tiedostoa työtilassa. Jos kirjoitat ./example, se vastaa työtilan ylimmällä tasolla olevaa kansiota example/. Käytä , useiden kuvioiden erottamiseen. Poluissa on käytettävä etuviivoja. Voit käyttää myös glob-syntaksia:

  • * sovittaa yhteen tai useampaan merkkiin polun segmentissä
  • ? sovittaa yhteen merkkiin polun segmentissä
  • ** sovittaa mihin tahansa määrään polun segmenttejä, mukaan lukien none
  • {} ryhmitellä ehtoja (esimerkiksi {**/*.html,**/*.txt} vastaa kaikkia HTML- ja tekstitiedostoja)
  • ilmoittaa täsmäävän merkkialueen (example. täsmäämään example.0:n, example.1:n, …).)

VS-koodi sulkee oletusarvoisesti pois joitakin kansioita vähentääkseen sellaisten hakutulosten määrää, joista et ole kiinnostunut (esim: node_modules). Avaa asetukset muuttaaksesi näitä sääntöjä kohdassa files.exclude ja search.exclude.

Huomaa, että glob-kuviot toimivat hakunäkymässä eri tavalla kuin asetuksissa, kuten files.exclude ja search.exclude. Asetuksissa sinun on käytettävä **/example vastaamaan työtilan alikansiossa folder1/example olevaa example-nimistä kansiota. Hakunäkymässä oletetaan etuliite **.

Huomaa myös Use Exclude Settings (Käytä poissulkevia asetuksia) ja Ignore Files (Jätä tiedostot huomioimatta) -vaihtopainike poissulkevat tiedostot -ruudussa. Vaihtokytkimellä määritetään, jätetäänkö pois tiedostot, jotka on jätetty huomioimatta .gitignore-tiedostoissasi ja/tai sovitettu files.exclude– ja search.exclude-asetuksiisi.

Vinkki: Explorerissa voit napsauttaa kansiota hiiren kakkospainikkeella ja valita Etsi kansiosta, jos haluat etsiä vain kansion sisältä.

Haku ja korvaaminen

Voit myös etsiä ja korvata tiedostojen välillä. Laajenna Haku-widgetti, jotta Korvaa-tekstikenttä tulee näkyviin.

Haku ja korvaaminen

Kun kirjoitat tekstiä Korvaa-tekstikenttään, näet diff-näytön vireillä olevista muutoksista. Voit korvata kaikki tiedostot Korvaa-tekstiruudusta, korvata kaikki yhdessä tiedostossa tai korvata yksittäisen muutoksen.

haku ja korvaaminen diff-näkymä

Vinkki: Voit nopeasti käyttää aiempaa hakusanaa uudelleen käyttämällä hakusanahistoriaa käyttämällä ↓ (Windows, Linux alaspäin) ja (Windows, Linux ylöspäin).

IntelliSense

Tarjoamme aina sanojen täydennystä, mutta rikkaille kielille, kuten JavaScriptille, JSONille, HTML:lle, CSS:lle, SCSS:lle, Lessille, C#:lle ja TypeScriptille, tarjoamme todellisen IntelliSense-kokemuksen. Jos kielipalvelu tuntee mahdolliset täydennykset, IntelliSense-ehdotukset tulevat esiin kirjoittaessasi. Voit aina käynnistää sen manuaalisesti ⌃Space-näppäimellä (Windows, Linux Ctrl+Space). Oletusarvoisesti Tab tai Enter ovat hyväksyttyjä näppäimistölaukaisimia, mutta voit myös mukauttaa näitä näppäinsidonnaisuuksia.

Vinkki: Ehdotusten suodatus tukee CamelCasea, joten voit kirjoittaa metodin nimessä olevat isot kirjaimet ehdotusten rajaamiseksi. Esimerkiksi ”cra” tuo nopeasti esiin ”createApplication”.

Vinkki: IntelliSense-ehdotukset voidaan määrittää editor.quickSuggestions– ja editor.suggestOnTriggerCharacters-asetuksilla.

JavaScript- ja TypeScript-kehittäjät voivat hyödyntää npmjs-tyyppi-ilmoitustiedostojen (typings) arkistoa saadakseen IntelliSensenseä tavallisimmille JavaScriptiä käyttäville kirjastoille (Node.js, React, Angular). Löydät hyvän selityksen tyyppi-ilmoitustiedostojen käytöstä JavaScript-kielen aiheesta ja Node.js:n opetusohjelmasta.

Lue lisää IntelliSense-dokumentista.

Muotoilu

VS-koodissa on hyvä tuki lähdekoodin muotoilulle. Editorissa on kaksi nimenomaista muotoilutoimintoa:

  • Format Document (⇧⌥F (Windows Shift+Alt+F, Linux Ctrl+Shift+I)) – Muotoile koko aktiivinen tiedosto.
  • Format Selection (⌘K ⌘F (Windows, Linux Ctrl+K Ctrl+F)) – Muotoile valittu teksti.

Voit kutsua näitä komentopaletista (⇧⌘P (Windows, Linux Ctrl+Shift+P)) tai editorin kontekstivalikosta.

VS Koodissa on oletusarvoiset muotoilijat JavaScriptiä, TypeScriptiä, JSONia ja HTML:ää varten. Jokaisella kielellä on omat muotoiluvaihtoehtonsa (esimerkiksi html.format.indentInnerHtml), jotka voit virittää mieleiseksesi käyttäjän tai työtilan asetuksissa. Voit myös poistaa oletuskielen muotoilun käytöstä, jos sinulla on asennettuna toinen laajennus, joka tarjoaa muotoilun samalle kielelle.

"html.format.enable": false

Koodin muotoilun manuaalisen kutsumisen lisäksi voit käynnistää muotoilun myös käyttäjän eleiden, kuten kirjoittamisen, tallentamisen tai liittämisen perusteella. Nämä ovat oletusarvoisesti pois päältä, mutta voit ottaa nämä käyttäytymismuodot käyttöön seuraavien asetusten avulla:

  • editor.formatOnType – Muotoile rivi kirjoittamisen jälkeen.
  • editor.formatOnSave – Muotoile tiedosto tallennuksen yhteydessä.
  • editor.formatOnPaste – Muotoile liitetty sisältö.

Huomautus: Kaikki muotoilijat eivät tue muotoilua liittämisen yhteydessä, sillä sitä varten niiden on tuettava valinnan tai tekstialueen muotoilua.

Vakiomuotoisten muotoilijoiden lisäksi Markkinapaikalta löytyy laajennuksia, jotka tukevat muita kieliä tai muotoilutyökaluja. Siellä on Formatters-kategoria, josta voit helposti etsiä ja löytää muotoilulaajennuksia. Kirjoita Laajennukset-näkymän hakukenttään ’formatters’ tai ’category:formatters’ nähdäksesi suodatetun luettelon VS Code -laajennuksista.

Taitto

Voit taittaa lähdekoodin alueita käyttämällä rivinumeroiden ja rivin alun välissä olevassa kourussa olevia taittokuvakkeita. Vie hiiri kourun päälle ja napsauta sitä taittaaksesi ja taittaaksesi alueita. Voit taittaa tai avata alueen ja kaikki sen sisällä olevat alueet Shift + klikkaamalla taittokuvaketta.

Taitto

Voit käyttää myös seuraavia toimintoja:

  • Taitto (⌥⌘ (Windows, Linux Ctrl+Shift+])) avaa kursorin kohdalla olevan kokoontaitetun alueen.
  • Toggle Fold (⌘K ⌘L (Windows, Linux Ctrl+K Ctrl+L)) taittaa tai purkaa kursorissa olevan alueen.
  • Fold Recursively (⌘K ⌘K ⌘ (Windows, Linux Ctrl+K Ctrl+])) purkaa kursorissa olevan alueen ja kaikki sen sisällä olevat alueet.
  • Taita kaikki (⌘K ⌘0 (Windows, Linux Ctrl+K Ctrl+0)) taittaa kaikki alueet editorissa.
  • Taita kaikki (⌘K ⌘J (Windows, Linux Ctrl+K Ctrl+J)) taittaa kaikki alueet editorissa.
  • Tason X taittaminen (⌘K ⌘2 (Windows, Linux Ctrl+K Ctrl+2) tasolle 2) taittaa kaikki tason X alueet paitsi nykyisen kursorin kohdalla olevan alueen.
  • Taita kaikki lohkokommentit (⌘K ⌘/ (Windows, Linux Ctrl+K Ctrl+/)) taittaa kaikki alueet, jotka alkavat lohkokommenttimerkillä.

Taitettavat alueet arvioidaan oletusarvoisesti rivien sisennyksen perusteella. Taittoalue alkaa, kun rivillä on pienempi sisennys kuin yhdellä tai useammalla seuraavalla rivillä, ja päättyy, kun on rivi, jolla on sama tai pienempi sisennys.

Julkaisusta 1.22 lähtien taittoalueet voidaan laskea myös editorin konfiguroidun kielen syntaksimerkkien perusteella. Seuraavat kielet tarjoavat jo syntaksitietoisen taiton: Markdown, HTML, CSS, LESS, SCSS ja JSON.

Jos haluat siirtyä takaisin sisennykseen perustuvaan taittoon yhdellä (tai kaikilla) edellä mainituista kielistä, käytä:

 "": { "editor.foldingStrategy": "indentation" },

Alueet voidaan määritellä myös kunkin kielen määrittelemien merkkien avulla. Seuraaville kielille on tällä hetkellä määritelty markkereita:

Kieli Aloitusalue Loppualue
Bat ::#region tai REM #region. ::#endregion tai REM #endregion
C# #region #endregion
C/C++ #pragma region #pragma endregion
CSS/Less/SCSS /*#region*/ /*#endregion*/
Coffeescript #region #endregion
F# //#region tai (#_region) //#endregion tai (#_endregion)
Java //#region tai //<editor-fold> // #endregion tai //</editor-fold>.
Markdown <!-- #region --> <!-- #endregion -->
Perl5 #region tai =pod #endregion tai =cut
PHP #region #endregion
PowerShell #region #endregion
Python #region tai # region #endregion tai # endregion
Python Python #region tai # region #endregion tai # endregion
Python #region tai # region # endregion
Visual Basic #Region #End Region

Käyttää taittamiseen ja avaamiseen vain markkerien määrittelemiä alueita:

  • Fold Marker Regions (⌘K ⌘8 (Windows, Linux Ctrl+K Ctrl+8)) taittaa kaikki markkerialueet.
  • Unfold Marker Regions (⌘K ⌘9 (Windows, Linux Ctrl+K Ctrl+9)) purkaa kaikki merkintäalueet.

Indentation

VS-koodin avulla voit hallita tekstin sisennystä ja sitä, haluatko käyttää välilyöntejä vai tabulaattoripisteitä. Oletusarvoisesti VS Code lisää välilyöntejä ja käyttää 4 välilyöntiä Tab-näppäintä kohden. Jos haluat käyttää jotain muuta oletusarvoa, voit muuttaa asetuksia editor.insertSpaces ja editor.tabSize.

 "editor.insertSpaces": true, "editor.tabSize": 4,

Automaattinen tunnistus

VS Code analysoi avoinna olevan tiedoston ja määrittää asiakirjassa käytetyn sisennyksen. Automaattisesti havaittu sisennys ohittaa oletussisäistysasetuksesi. Havaittu asetus näkyy tilarivin oikealla puolella:

automaattinen sisennyksen havaitseminen

Voit napsauttaa tilarivin sisennysnäyttöä tuodaksesi esiin avattavan pudotusvalikon, jossa on sisennyskomentoja, joiden avulla voit muuttaa avoinna olevan tiedoston oletusasetuksia tai muuntaa tabulaattoripysähdysten ja välilyöntien välillä.

 sisennyskomennot

Huomautus: VS-koodin automaattinen tunnistus tarkistaa 2, 4, 6 tai 8 välilyönnin sisennykset. Jos tiedostossasi käytetään eri välilyöntien määrää, sisennystä ei ehkä tunnisteta oikein. Jos esimerkiksi konventiosi mukaan sisennys on 3 välilyöntiä, kannattaa ehkä ottaa editor.detectIndentation pois päältä ja asettaa tabulaattorikooksi nimenomaisesti 3.

 "editor.detectIndentation": false, "editor.tabSize": 3,

Tuki tiedostojen koodaukselle

Aseta tiedostojen koodaus globaalisti tai työtilakohtaisesti käyttämällä files.encoding-asetusta Käyttäjäasetuksissa tai Työtila-asetuksissa.

tiedostojen.koodausasetus

Tiedostojen koodauksen näet tilariviltä.

Koodaus tilarivillä

Klikkaamalla tilarivin koodauspainiketta voit avata tai tallentaa aktiivisen tiedoston uudelleen eri koodauksella.

Avaa tai tallenna uudelleen eri koodauksella

Valitse sitten koodaus.

Valitse koodaus

Olette käsitelleet peruskäyttöliittymää – VS Code sisältää paljon muutakin. Lue lisää saadaksesi lisätietoja:

  • Introvideo – Asetukset ja perusteet – Katso opetusohjelma VS Code -ohjelman perusteista.
  • Käyttäjän/työtilan asetukset – Opi konfiguroimaan VS Code -ohjelma mieltymyksiisi sopivaksi käyttäjä- ja työtila-asetusten avulla.
  • Koodin navigointi – Kurkistus- ja siirtymämäärittely ja paljon muuta.
  • Integroitu päätelaite – Tutustu integroituun päätelaitteeseen, jolla voit nopeasti suorittaa komentorivin tehtäviä VS Code -ohjelmasta.
  • IntelliSense – VS Code tuo älykkäät koodin täydennykset.
  • Virheenkorjaus – Tässä VS Code todella loistaa.

Yleisiä kysymyksiä

Voidaanko globaalisti hakea ja korvata?

Kyllä, laajenna Haku-näkymän tekstikenttää niin, että se sisältää Korvaa-tekstikentän. Voit etsiä ja korvata kaikissa työtilan tiedostoissa. Huomaa, että jos et ole avannut VS Codea kansioon, haku suoritetaan vain parhaillaan avoinna olevissa tiedostoissa.

Globaali haku ja korvaaminen

Miten otan sananvaihtoasetuksen käyttöön?

Sanananvaihtoasetuksen editor.wordWrap avulla voit hallita sananvaihtoa. Oletusarvoisesti editor.wordWrap on off, mutta jos asetat sen arvoksi on, teksti kietoutuu editorin näkymäikkunan leveyteen.

 "editor.wordWrap": "on"

Sanan kietoutumisen voi kytkeä VS Code -istunnon ajaksi ⌥Z:llä (Windows, Linux Alt+Z).

Voit myös lisätä editoriin pystysuuntaisia sarakkeen viivoittimia editor.rulers-asetuksella, joka ottaa vastaan sarakkeen merkkipaikkojen joukon, joihin haluat pystysuuntaiset viivoittimet.