31/05/2024
āĻāĻĒāύāĻŋ āĻāĻŋ VS Code āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§āύ? āϝāĻĻāĻŋ āύāĻž āĻāϰ⧠āĻĨāĻžāĻā§āύ, āϤāĻŦā§ āύāĻŋāĻļā§āĻāϝāĻŧāĻ āĻ
āύā§āĻ āĻŽāĻāĻžāϰ āĻāĻŋāύāĻŋāϏ āĻŽāĻŋāϏ āĻāϰāĻā§āύ!
āĻāĻāĻā§ āĻāĻŽāϰāĻž āĻĻā§āĻāĻŦ āĻāĻŋāĻā§ āĻ
āϏāĻžāϧāĻžāϰāĻŖ āĻāĻŋāĻā§ VS Code āĻāĻā§āϏāĻā§āύāĻļāύ āϝā§āĻāĻā§āϞ⧠āύāĻŋāϤā§āϝāĻĻāĻŋāύā§āϰ āĻā§āĻĄāĻŋāĻāĻā§ āĻāϰ⧠āĻŽāĻāĻžāĻĻāĻžāϰ āĻāϰ⧠āϤā§āϞ⧠!!
1. Prettier - Code Formatter
āĻāĻĒāύāĻžāϰ āĻā§āĻĄ āϝāĻĻāĻŋ āĻāĻāĻāĻŋ āĻāϞā§āĻŽā§āϞ⧠āϰā§āĻŽā§āϰ āĻŽāϤ āĻĻā§āĻāϤ⧠āϞāĻžāĻā§, āϤāĻžāĻšāϞ⧠Prettier āĻāĻĒāύāĻžāϰ āĻāύā§āϝāĻ! āĻāĻāĻŋ āĻāĻĒāύāĻžāϰ āĻā§āĻĄāĻā§ āĻāĻŽāύāĻāĻžāĻŦā§ āĻĢāϰāĻŽā§āϝāĻžāĻ āĻāϰ⧠āϝ⧠āĻāĻĒāύāĻžāϰ āĻā§āĻĄ āĻĻā§āĻāϞ⧠āĻŽāύ⧠āĻšāĻŦā§ āĻāĻā§āĻŦāĻžāϰ⧠āĻšā§āĻā§āϞā§āϰ āϏā§āĻāĻ āϰā§āĻŽāĨ¤ āĻā§āĻĄ āĻĒāĻĄāĻŧāϤ⧠āĻāĻŦāĻ āĻŦā§āĻāϤ⧠āϏāĻšāĻ āĻāϰ⧠āϤā§āϞā§, āĻāϰ āĻāĻĒāύāĻžāϰ āĻŦāϏāĻ āĻā§āĻļāĻŋ āĻĨāĻžāĻāĻŦā§āĨ¤
2. Live Server
āĻāĻĒāύāĻŋ āĻāĻŋ āĻĒā§āϰāϤāĻŋāĻŦāĻžāϰ āĻā§āĻĄ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻāϰāĻžāϰ āĻĒāϰ āϰāĻŋāĻĢā§āϰā§āĻļ āĻŦāĻžāĻāύ⧠āĻā§āϞāĻŋāĻ āĻāϰāϤ⧠āĻāϰāϤ⧠āĻŦāĻŋāϰāĻā§āϤ? Live Server āĻāĻĒāύāĻžāĻā§ āϰāĻŋāĻĢā§āϰā§āĻļ āĻŦāĻžāĻāύā§āϰ āĻĻāĻžāϏāϤā§āĻŦ āĻĨā§āĻā§ āĻŽā§āĻā§āϤāĻŋ āĻĻāĻŋāĻŦā§āĨ¤ āĻā§āĻĄ āϏā§āĻ āĻāϰāĻžāϰ āϏāĻžāĻĨā§ āϏāĻžāĻĨā§āĻ āĻŦā§āϰāĻžāĻāĻāĻžāϰ āϰāĻŋāĻĢā§āϰā§āĻļ āĻšāĻŦā§āĨ¤ āĻāĻ āĻāĻĨāĻžāϝāĻŧ, āĻŽā§āϝāĻžāĻāĻŋāĻ!
3. ESLint
āĻā§āĻĄā§ āĻā§āϞ āĻā§āĻāĻā§ āĻĒāĻžāĻāϝāĻŧāĻž āĻ
āύā§āĻāĻāĻž āĻšāĻžāϰāĻŋāϝāĻŧā§ āϝāĻžāĻāϝāĻŧāĻž āĻāĻžāĻŦāĻŋ āĻā§āĻāĻāĻžāϰ āĻŽāϤ, āϤāĻžāĻ āύāĻž? ESLint āϏā§āĻ āĻā§āϞāĻā§āϞā§āĻā§ āϞāĻžāϞ āĻāύā§āĻĄāĻžāϰāϞāĻžāĻāύ āĻĻāĻŋāϝāĻŧā§ āĻĻā§āĻāĻŋāϝāĻŧā§ āĻĻā§āϝāĻŧ āϝā§āύ āĻāĻĒāύāĻŋ āϏāĻšāĻā§ āĻ āĻŋāĻ āĻāϰāϤ⧠āĻĒāĻžāϰā§āύāĨ¤ āĻĄā§āĻā§āϞāĻĒāĻžāϰāĻĻā§āϰ āĻĒā§āϰāĻŋāϝāĻŧ āĻŦāύā§āϧā§āĨ¤ đĩī¸ââī¸
4. GitLens
GitLens āĻĻāĻŋāϝāĻŧā§ āĻāĻĒāύāĻžāϰ āĻāĻŋāĻ āĻšāĻŋāϏā§āĻā§āϰāĻŋ āĻĻā§āĻā§āύ āĻ āĻŋāĻ āϝā§āύ āĻĄāĻŋāĻā§āĻāĻāĻŋāĻ āĻļāĻžāϰā§āϞāĻ āĻšā§āĻŽāϏ āĻā§āύ āĻā§āϏ āϏāĻŽāĻžāϧāĻžāύ āĻāϰāĻā§āĨ¤ āĻā§ āĻāĻāύ āĻā§ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻāϰā§āĻā§ āϏāĻŦāĻ āĻāĻžāύāϤ⧠āĻĒāĻžāϰāĻŦā§āύāĨ¤ āĻāϰ āĻāĻŋāĻŽ āĻŽā§āĻŽā§āĻŦāĻžāϰāĻĻā§āϰ āϏāĻžāĻĨā§ āĻāĻāĻĄāĻŧāĻž āĻāϰāĻžāϰ āϏāĻŽāϝāĻŧ āĻāĻ āĻāĻā§āϏāĻā§āύāĻļāύ āĻŦāĻžāĻāĻāĻŋāϝāĻŧā§ āĻĻāĻŋāϤ⧠āĻĒāĻžāϰā§!
5. Bracket Pair Colorizer
āĻā§āĻĄā§ āĻŦā§āϰā§āϝāĻžāĻā§āĻ āĻā§āϞ⧠āĻŽāĻŋāϞāĻžāϤ⧠āĻāĻŋāϝāĻŧā§ āĻŽāĻžāĻĨāĻž āĻā§āϰāĻā§? Bracket Pair Colorizer āĻĒā§āϰāϤāĻŋāĻāĻŋ āĻŦā§āϰā§āϝāĻžāĻā§āĻāĻā§ āĻāϞāĻžāĻĻāĻž āϰāĻā§ āϰāĻžāĻāĻŋāϝāĻŧā§ āĻĻā§āϝāĻŧāĨ¤ āĻāĻāύ āĻāϰ āĻā§āύ āϏāĻŽāϏā§āϝāĻž āύā§āĻ, āϏāĻŦ āĻŦā§āϰā§āϝāĻžāĻā§āĻ āĻāĻĒāύāĻžāϰ āĻā§āĻā§āϰ āϏāĻžāĻŽāύ⧠āϰāĻāϧāύ⧠āĻšāϝāĻŧā§ āĻĨāĻžāĻāĻŦā§!
6. Path Intellisense
āĻĢāĻžāĻāϞā§āϰ āĻĒāĻžāĻĨ āϞāĻŋāĻāϤ⧠āĻāĻŋāϝāĻŧā§ āĻ
āϰā§āϧā§āĻ āϏāĻŽāϝāĻŧ āύāώā§āĻ āĻšāϝāĻŧā§ āϝāĻžāϝāĻŧ? Path Intellisense āĻāĻĒāύāĻžāϰ āĻāύā§āϝ āĻĒāĻĨ āĻĻā§āĻāĻžāĻŦā§āĨ¤ āĻ
āĻā§ āĻāĻŽāĻĒā§āϞāĻŋāĻļāύ āĻĻāĻŋāϝāĻŧā§ āĻāĻāĻŋ āĻāĻĒāύāĻžāϰ āĻĢāĻžāĻāϞ āĻĒāĻžāĻĨ āϞā§āĻāĻžāϰ āĻāĻžāĻ āϏāĻšāĻ āĻāϰā§āĨ¤ āϏāĻ āĻŋāĻ āĻĢāĻžāĻāϞ āĻĒā§āϝāĻŧā§ āϝāĻžāĻŦā§āύ āĻāĻ āύāĻŋāĻŽā§āώā§!
7. CSS Peek
āĻāĻĒāύāĻŋ āĻāĻŋ āĻāĻāύ⧠CSS āĻĢāĻžāĻāϞ āĻā§āĻāĻāϤ⧠āĻā§āĻāĻāϤ⧠āĻŦāĻŋāϰāĻā§āϤ āĻšāϝāĻŧā§ āĻā§āĻā§āύ? CSS Peek āĻāĻĒāύāĻžāĻā§ HTML āĻĢāĻžāĻāϞ āĻĨā§āĻā§āĻ CSS āĻā§āĻĄ āĻĻā§āĻāϤ⧠āĻĻā§āϝāĻŧāĨ¤ āĻāĻāĻŋ āĻāĻāĻĻāĻŽ āϝā§āύ āĻāĻĒāύāĻžāϰ āĻā§āĻĄā§āϰ āĻŽāϧā§āϝ⧠āĻā§āĻāĻā§ āĻĒāĻžāĻāϝāĻŧāĻž āĻā§āĻĒā§āϤāϧāύ!
8. Debugger for Chrome
āĻĄāĻŋāĻŦāĻžāĻāĻŋāĻ āϝā§āύ āĻāĻ āϰāĻāĻŽā§āϰ āĻļāĻŋāϞā§āĻĒāĻāϞāĻžāĨ¤ Debugger for Chrome āĻĻāĻŋāϝāĻŧā§ āĻāĻĒāύāĻŋ āϏāĻšāĻā§āĻ āĻāĻĒāύāĻžāϰ āĻā§āĻĄā§āϰ āĻŦāĻžāĻ āϧāϰāϤ⧠āĻĒāĻžāϰāĻŦā§āύāĨ¤ āĻāϰ āĻā§āĻĄ āĻĄāĻŋāĻŦāĻžāĻ āĻāϰāĻž āĻšāĻŦā§ āĻāϰā§āĻāĻŋāϏā§āĻāĻŋāĻ āĻāĻā§āϏāĻĒā§āϰāĻŋāϝāĻŧā§āύā§āϏ!
9. Auto Rename Tag
HTML āĻā§āϝāĻžāĻā§āϰ āύāĻžāĻŽ āĻŦāĻĻāϞāĻžāϤ⧠āĻāĻŋāϝāĻŧā§ āĻāĻĒāύāĻŋ āĻāĻŋ āĻŦāĻžāϰāĻŦāĻžāϰ āĻā§āĻ āĻšāĻžāϰāĻŋāϝāĻŧā§ āĻĢā§āϞā§āύ? Auto Rename Tag āĻāĻ āĻĒāĻžāĻļā§ āĻā§āϝāĻžāĻā§āϰ āύāĻžāĻŽ āĻŦāĻĻāϞāĻžāϞ⧠āĻ
āύā§āϝ āĻĒāĻžāĻļā§āĻ āĻŦāĻĻāϞ⧠āĻĻā§āϝāĻŧāĨ¤ āĻŽāύ⧠āĻšāĻŦā§ āϝā§āύ āĻāĻĒāύāĻžāϰ āĻāĻāĻāύ āĻāĻžāĻĻā§āĻāϰ āĻŦāύā§āϧ⧠āĻāĻā§āĨ¤
10. IntelliSense for CSS class names in HTML
CSS āĻā§āϞāĻžāϏ āύāĻžāĻŽā§āϰ āĻ
āĻā§ āĻāĻŽāĻĒā§āϞāĻŋāĻļāύ āĻĒā§āϤ⧠āĻāĻžāύ? āĻāĻ āĻāĻā§āϏāĻā§āύāĻļāύ āĻāĻĒāύāĻžāϰ āĻāύā§āϝāĻāĨ¤ āĻāĻāĻž āĻāĻŽāύ āĻŽāύ⧠āĻšāĻŦā§ āϝā§āύ āĻāĻĒāύāĻžāϰ āĻā§āĻĄ āύāĻŋāĻā§ āύāĻŋāĻā§ āϞāĻŋāĻā§ āύāĻŋāĻā§āĻā§āĨ¤
āĻāĻĒāύāĻŋ āϝāĻĻāĻŋ VS Code āĻŦā§āϝāĻŦāĻšāĻžāϰ āύāĻž āĻāϰ⧠āĻĨāĻžāĻā§āύ, āϤāĻžāĻšāϞ⧠āĻāĻāύāĻ āĻļā§āϰ⧠āĻāϰā§āύāĨ¤ āĻāϰ āϝāĻĻāĻŋ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§āύ, āϤāĻžāĻšāϞ⧠āĻāĻā§āϞ⧠āĻā§āϰāĻžāĻ āĻāϰ⧠āĻĻā§āĻā§āύāĨ¤ āĻāĻĒāύāĻžāϰ āĻāĻžāĻā§āϰ āĻāϤāĻŋ āĻ āĻŽāĻāĻž āĻĻā§āĻŦāĻŋāĻā§āĻŖ āĻšāĻŦā§! đ