Visual Studio code kezdjük telepíteni

Érdemes telepíteni az Emmet Live plug in !+enter automatikusan generál egy html fájlt.

az alábbi sorral pedig automatikusan generál tetszőleges méretű felsorolást: pl.5

ul>li*5

h1+div>h3+ul>li*5 és enter automatikusan beszúrja:

 <h1></h1>

    <div>

        <h3></h3>

        <ul>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ul>

Kipróbáltam táblázattal is nagyon szépen működik:

table>tr*x>td*y –ahol az x ahány sort akarok, az y pedig ahány oszlopot automatikusan létre hozza.

A következő bővítményeket telepítettem:

1. Live Server

2. Material Theme

3. Auto Rename Tag

4. CSS Peek

5. Live Sass Compiler

6. Bracket Pair Colorizer az sass.css halmozott zárójeleit szinezi ki

7. Prettier - Code formatter

Live server plug in automatikusan megnyitja a fájlunkat egy local hoston

p vel hozzunk létre egy paragrafust

lorem50-el létre hoz egy bekezdést

a view toggle word wrap tördeli a szöveget automatikusan

material theme megváltoztatjuk a színeket material theme palenight high contrast jól elkülöníti az elemek közti színkülönbséget

autorename plug in átírja a záró tag-et ha pl. a h1-et átírjuk h2-re

hozzunk létre egy body {backgroundcolor:blue} a head részbe írjuk be link automatikusan az emmet felkínálja, hogy mit csatoljon hozzá és kék lesz a háttér