Visual Studio Code (VS Code) siūlo daug vertingų funkcijų ir nuorodų, kad supaprastintų HTML kūrimą. Šios funkcijos yra patogios ir leidžia kūrėjams praleisti mažiau laiko rašant kodą. Nors galbūt nenaudosite visų galimų sparčiųjų klavišų, išmokę svarbiausius klavišus, galite labai daug. Šiame straipsnyje aprašomi keli patogiausi spartieji klavišai, į kuriuos reikia atsižvelgti koduojant HTML.
VS Code palaiko Emmetą. Šis įrankis leidžia lengviau rašyti CSS ir HTML kodus naudojant sparčiuosius klavišus. Pagrindinė HTML struktūra išsiplečia, jei įvedate šauktuką (!) ir paspausite Tab.
Emmet pristato išplėtimo galimybes, kurios sumažina kodavimo naudojant HTML laiką „Visual Studio Code“ programoje. Tai galite naudoti ir kituose redaktoriuose. Rašant stenografines išraiškas gaunamos visos HTML struktūros.
. Jei įvesite ul>li*3 , jis bus išplėstas iki trijų elementų sąrašo.
elementas viduje.
elementas, kuriame yra sutvarkytas sąrašas su trimis sąrašo elementais, kurių klasių pavadinimai yra item1, item2 ir item3.
Santrumpos išplečiamos įvedant ir paspaudus Tab mygtuką. Jei yra keli tinkami santrumpos paaiškinimai, perjunkite juos dar kartą paspausdami skirtuką . Emmeto santrumpos nėra būdingos VS kodui. Galite juos naudoti kituose redaktoriuose, kurie palaiko Emmet.
Pasirinkite eilutę arba komandą, tada paspauskite Ctrl + Shift + G, jei naudojate Linux arba Windows. Jei naudojate Mac, naudokite Cmd + Shift + G . Šis spartusis klavišas apvynioja pasirinktą turinį su HTML žyma.
Tai patogi „VS Code“ funkcija. Tai naudinga, kai turite įtraukti turinio turinį su žymomis arba kai reikia struktūrizuoti kodą. Pasirinkimas gali būti viena eilutė, kelios eilutės arba kodo blokas.
Kita galimybė yra dešiniuoju pelės mygtuku spustelėti pasirinktą kodą ir kontekstiniame meniu pasirinkti Apvynioti su santrumpa . Kai suaktyvinate žymos įvyniojimo komandą, pasirodo raginimas, kuriame galite pasirinkti norimą HTML žymos pavadinimą. Jei įvesite div , pavyzdžiui, a
elementas apvynioja pasirinktą kodą.
Žymos įvyniojimas padeda žymėti ir struktūrizuoti kodą rankiniu būdu neįvedant pradžios ir uždarymo žymų. Tai sutaupo daug laiko ir sumažina sintaksės klaidų skaičių.
HTML kodo formatavimas yra geras būdas išlaikyti projektų nuoseklumą ir skaitomumą. VS Code įtaisytosios formatavimo parinktys leidžia automatiškai atlikti veiksmą HTML pagal iš anksto nustatytas taisykles.
Spartusis klavišas, naudojamas formatuoti HTML, yra Shift + Alt + F, skirtas Windows ir Linux. „Shift“ + „Option“ + F veikia „macOS“.
Spartusis klavišas gali formatuoti visą HTML dokumentą arba kodo dalį. Paspaudus, taikomos formatavimo taisyklės. Atitinkamai koreguojami tarpai tarp įdubimų ir eilučių pertraukos.
Taip pat galite automatiškai formatuoti kodą VS Code .
Galite komentuoti arba atšaukti komentarą vienoje eilutėje arba keliose kodo eilutėse, pasirinktose tuo pačiu metu. Jei komentaras jau yra, spartusis klavišas pašalina komentarą, o jei jis nekomentuojamas, komentarai pridedami. Komentarai HTML yra įtraukti į žymas.
Tai reiškia galimybę judėti tarp skirtingų kodų bazės dalių arba tiesiogiai pereiti prie apibrėžimų HTML atributuose arba žymose. Naudokite Ctrl+] parinktį „Linux“ ir „Windows“, kad naršytumėte žymas. „Mac“ vartotojai gali naudoti Cmd+], kad pereitų prie elemento uždarymo žymos. Norėdami pereiti prie pradžios žymos, paspauskite Ctrl+[, jei naudojate „Windows“ ir „Linux“, arba Cmd + [, jei naudojate „Mac“.
Norėdami pereiti prie atributo arba žymos apibrėžimo, naudokite klavišą F12 . Jis identifikuoja atitinkamą kodų bazės uždarymo arba atidarymo žymą, kad būtų galima rasti tinkamą vietą.
Vis tiek pasieksite apibrėžimą, kai laikysite valdymo klavišą ir spustelėsite HTML atributą arba žymą sistemoje Windows. Norėdami atlikti tą patį veiksmą, paspauskite „Command“ + spustelėkite „MacOS“. Tai pašalina poreikį ieškoti vietos rankiniu būdu.
Šis režimas neblaško dėmesio. Paslėpdami mygtukus ir įrankių juostas kūrėjams lengviau sutelkti dėmesį į kodą. Suaktyvinkite šį režimą naudodami spartųjį klavišą Ctrl+KZ sistemoje Windows ir Cmd+KZ sistemoje Mac. Arba eikite į Rodinys , tada – Išvaizda . Čia įjunkite Zen režimą .
Tai plačiai naudojama VS Code funkcija ir ypač naudinga pradedantiesiems. Jame nurodoma kiekviena konfigūracija, spartusis klavišas ir funkcionalumo parinktis ir pateikiamas sąrašo pavidalu.
Viskas, ką jums reikia padaryti, tai komandų paletėje įvesti tai, ką norite padaryti. Jūs gausite įvairių komandų, kurios jums padės.
Norėdami pasiekti komandų paletę , naudokite „Windows“ skirtą spartųjį klavišą „Ctrl“ + „Shift“ + P. „Mac“ spartusis klavišas yra Cmd+Shift+P .
Jei esamuose projekto failuose yra jums reikalingo teksto, galite jį pasiekti spustelėję paieškos piktogramą šoninėje juostoje. Arba naudokite spartųjį klavišą Ctrl+Shift+F sistemoje „Windows“ arba „Cmd“+Shift+F, jei naudojate „Mac“.
Laikydami nuspaudę naikinimo klavišą norėdami ištrinti žodį, galite netyčia ištrinti kitas dalis. Jei norite apriboti ištrynimą iki ankstesnio žodžio, naudokite spartųjį klavišą „Ctrl“ + „Backspace“ sistemoje „Windows“ arba „Cmd“ + „Backspace“ sistemoje „Mac“.
Kūrimo metu programuotojams kartais reikia nukopijuoti ir įklijuoti eilutes į kitas projekto dalis. Tada, jei reikia, linijose galima atlikti nedidelius pakeitimus. Spartusis klavišas yra geras būdas pagreitinti šį procesą, ypač jei tai darote reguliariai.
„Windows“ spartusis klavišas yra „Shift“+alt+aukštyn arba „Shift+alt+down“ . Jei naudojate „Mac“, spartusis klavišas yra Opt+shift+aukštyn arba Opt+shift+down .
Jei tvarkote didžiulį HTML projektą su daugybe failų, netyčia uždarę skirtuką gali būti nemalonu. Laimei, galite naudoti spartųjį klavišą, kad atidarytumėte paskutinį uždarytą skirtuką „VS Code“.
Norėdami iš naujo atidaryti uždarytą redaktorių, naudokite spartųjį klavišą „Ctrl“ + „Shift“ + T sistemoje „Windows“ arba „Cmd“ + „Shift“ + T, jei naudojate „Mac“. Naudodami šį spartųjį klavišą galite atidaryti kelis uždarytus skirtukus.
Daugelis nuorodų palengvina VS kodo naudojimą. Nors yra daugiau parinkčių, nei nurodyta straipsnyje, pirmiau pateiktos yra keletas dažniausiai pasitaikančių, kurios gali būti naudingos pradedantiesiems ir patyrusiems vartotojams. Dėl VS Code populiarumo, pasinaudoję visomis funkcijomis, galite tai padaryti maloniau. Pasirinkite sparčiuosius klavišus, kuriuos dažniausiai naudojate kodavimo greičiui padidinti.
Tada turėtumėte sužinoti, kaip palyginti du failus „VS Code“ .
Kl.: Ar HTML sparčiuosius klavišus galima tinkinti VS Code?
A: Taip. Galite tinkinti HTML sparčiuosius klavišus VS Code pakeisdami vartotojo arba darbo srities nustatymus.
Kl.: Ar galiu sukurti savo tinkintus HTML sparčiuosius klavišus „VS Code“?
A: Taip. Galite sukurti tinkintus HTML fragmentus arba nuorodas VS Code, apibrėžę juos vartotojo arba darbo srities nustatymuose. Tai leidžia kurti dažnai naudojamų kodų šablonų arba pasirinktinių elementų nuorodas.
„Windows 10“ suteikia daugybę pelės tinkinimo parinkčių, todėl galite lanksčiai nustatyti, kaip veikia jūsų žymeklis. Šiame vadove gerai pasimokykite, kaip efektyviai naudoti savo pelę.
Sužinokite, kaip paaukoti Robux savo draugams Roblox platformoje. Šiame straipsnyje rasite efektyvius metodus, kaip pasidalinti Robux greitai ir lengvai.
Išsamus vadovas, kaip <strong>atšaukti „Netflix“</strong> prenumeratą ir atsisakyti paskyros. Sužinokite, kokios yra priežastys ir procesas, kaip tai padaryti.
Sužinokite, kaip daryti geresnes asmenukes su išmaniojo telefono kamera, naudojant efektyvius patarimus ir gudrybes.
Kaip atkurti gamyklinius Meta Quest 2 suraskite visus paslapčių ir gudrybių sprendimus, kad pagerintumėte savo virtualios realybės patirtį.
Sužinokite, kas peržiūrėjo jūsų „Instagram“ profilį, naudojant efektyvius įrankius ir strategijas. Išsiaiškinkite, kaip sekti savo „Insta“ persekiotojus!
Kaip įjungti nuotolinio darbalaukio ryšius „Windows 10“: žingsniai, patarimai ir priemonės, kad būtų galima pasiekti kompiuterį nuotoliniu būdu. Sužinokite daugiau apie „Windows Remote Desktop Connection“.
Pasitaiko atvejų, kai pokalbio draugas gali jus suerzinti ir nenorite, kad jis matytų jūsų istorijas ar žavesius. Tokiu atveju sužinokite, kaip pašalinti arba užblokuoti ką nors „Snapchat“.
Kaip pataisyti, kad „Nintendo Switch“ neįsijungtų? Štai 4 paprasti sprendimai, kaip ištaisyti, kad „Nintendo Switch“ neįsijungtų.
Gaukite atsakymus į „Android“ problemą: kaip iš naujo paleisti telefoną be maitinimo mygtuko? Aptarti šeši geriausi būdai iš naujo paleisti telefoną nenaudojant maitinimo mygtuko.
