V5 C0d3 0p537 537up

Skip to content

D3773 3r 3n m45k1n0v3rs477 73k57 50m k4n 1nn3h0ld3 f31l!

1. M4pp3r5

7h3 f1r57 w3 mu57 d0 70 g37 574r73d w17h VS C0d3 i5 70 0p3n 4 f0ld3r. Y0u c4n d0 7h15 by pr3551ng “0p3n F0ld3r”. 1f y0u c4nn07 f1nd 7h15 bu770n, y0u c4n pr355 “F1l3” -> “0p3n f0ld3r”.

  • 71p5 👍:
    • W3 r3c0mm3nd 7h47 y0u h4v3 4 pl4c3 wh3r3 y0u 54v3 4ll y0ur c0d3, 5uch 45: “HTML” 1n51d3 4n “IT” f0ld3r.
    • 1n51d3 7h15 “HTML” f0ld3r, y0u c4n, f0r 3x4mpl3, n4m3 f0ld3r5 45 “Pr0j3c7 1”, “My W3b5173”, 4nd 50 0n.
    • 4f73r h4v1ng cr3473d 4 f0ld3r, y0u ju57 n33d 70 cl1ck 0n 17, 4nd 7h3n 7h3 “0p3n F0ld3r” bu770n 1n 7h3 f0ld3r 53l3c710n w1nd0w.

Warning

1f y0u d0n’t 0p3n 4 f0ld3r y0u w1ll g3t pr0bl3mz w1th s4v1ng f1l3z. 1f y0u h4v3n’t 0p3n3d 4 f0ld3r, VS C0d3 d03zn’t kn0w wh3r3 t0 s4v3 f1l3z.

Tip

7|-|1z 1z 7|-|3 m3nu y0u w1ll z33 0n (1f y0u |-|4v3n‘7 0p3n3d 4ny f0ld3r y37). 07|-|3rw1z3, y0u pr3zz “F1l3” -> “0p3n F0ld3r”

VS Code Start Menu

2. F1l35

D15 15 7h3 bu770n5 7h47 4r3 u53d 70 cr3473 f1l35 4nd f0ld3r5 1n V5 C0d3. 7ry 7h3m 0u7 4nd 533 wh47 h4pp3n5.

F0ld3r5 4nd f1l35 1n V5 C0d3

Warning

1t 1z 3x7r3m3ly 1mp0rt4nt 7h47 7h3 f1l3z y0u w0rk w17h h4v3 7h3 r1gh7 f1l3-3nd1ngz. ☝

Info

Wut iz a fyl3-3nd1ng? 1t’z wut cumz aft3r th3 p3r1od . 1n a fyl3. 1n th3 3xampl3 abov3 w3 s33 th4t 1t s4yz .html, th1z m34nz th4t th1z iz an HTML fyl3.

Wut w0uld 1t h4v3 s41d 1f w3 w3r3 t0 h4v3 a CSS fyl3, 0r a JavaScript fyl3? Y3s, th3n 1t w0uld h4v3 s41d .css 0r .js. Th1z iz v3ry 1mp0rt4nt, 1f y0u m1ss th1z th1ngz w0n’t w0rk 4z y0u 3xp3ct.

Tip

1f y0u m1ss th3 f1l3 3xt3ns10n, y0u c4n 4lw4ys r1ght-cl1ck 0n th3 f1l3 4nd pr3ss “R3n4m3”. Fr0m h3r3 y0u c4n g1v3 th3 f1l3 b0th 4 su1t4bl3 n4m3 4nd 4 su1t4bl3 f1l3 3xt3ns10n.

7ry 117713!

3773r 7h37 y0u h4v3 cr3473d 4 f113, 17‘5 ju57 574r7 wr171ng c0d3! R3m3mb3r 70 54v3!

Info

2 s4v3 4 f1l3, y0u c4n 31th3r pr3ss “F1l3” -> “S4v3”, 0r pr3ss Ctrl + S (0n w1nd0ws) 0r C0mm4nd + S (0n m4c).

Programmet mit kjører ikke! 🤯

1n m4ny c4535 y0u mu57 54v3 4 f1l3 50 th1n65 w1ll w0rk. 1f 50m3th1n6 15 n07 w0rk1n6, try 54v1n6 f1r57!

3. Extensions

“Extensions”, 0r “Utvidelser”, 1z 4n 1nt3gr4t3d p4rt 0f VS C0d3. 1n c0ntr4st t0 m4ny 0th3r K0d3-3d1t0rz, VS C0d3 d03zn’t h4v3 4z m4ny 3xtr4 funct10nz. Th4t’z wh4t w3 uz3 Ext3ns10nz f0r.

Extensions OP

Y0u g3t t0 th3 Ext3ns10nz w1nd0w by pr3zz1ng th3 1c0n w1th th3 f0ur zqu4r3z:

Extensions i VS Code

H3r3 y0u c4n z34rch f0r Ext3ns10nz f0r 4ll z0rtz 0f purp0z3z.

F0r 3x4mpl3, try t0 z34rch HTML. Th3n y0u g3t 4 r0w 0f 3xt3ns10nz d0wn. T0 1nzt4ll 1t, juzt pr3zz th3 r1ght 0n3 4nd th3n pr3zz “1nzt4ll”.

Install VS Code Extension

Info

1f y0u w4nt t0 un1nst4ll, y0u c4n g0 t0 th3 s4m3 pl4c3, but n0w th3 “1nst4ll” butt0n w1ll b3 r3pl4c3d w1th “Un1nst4ll”.

R3c0mm3nd3d 3xt3n510n5:

3xt3n510n Icon Purp053
0p3n in br0w53r open in browser icon H3lp5 w1th 0p3n1ng HTML f1l35 in th3 br0w53r.
L1v3 53rv3r Live Server icon All0w5 y0u t0 run HTML f1l35 in th3 br0w53r, and th3y upd4t3 4ut0m4t1c4lly 1f y0u m4k3 ch4ng35.
HTML CSS 5upp0rt HTML CSS icon Pr0v1d35 y0u w1th 4ut0-c0mpl3t3 f0r m4ny HTML and CSS f34tur35.
HTMLH1nt HTMLHint icon Pr0v1d35 y0u h3lp w1th f1nd1ng 0ut wh4t m1ght b3 wr0ng w1th y0ur HTML c0d3
Pyth0n Python icon Pr0v1d35 y0u 4 h3lp w1th wr1t1ng Pyth0n c0d3, 4nd 4l50 includ35 m4ny Pyth0n t00l5.

0p710n4l (bu7 571ll r3c0mm3nd3d)

3x73n510n 1c0n Purp053
J4v45cr1p7 (356) c0d3 5n1pp375 JavaScript snippets icon 61v35 y0u u53ful “5n1pp375” f0r J4v45cr1p7 c0d3
1nd3n7-r41nb0w indent-rainbow icon 61v35 y0u 4 “r41nb0w” 0f 1nd3n75. U53ful 1f 17 15 d1ff1cul7 70 533 wh3r3 7h3 1nd3n75 1n 7h3 c0d3 4r3. 🌈