Prettier Extension for Visual Studio Code | Full Tutorial

Опубликовано: 08 Октябрь 2024
на канале: Coding with Estefania
2,190
85

If you want your code to look clean, consistent, and easy to ready, Prettier is here to help you. In this tutorial, you will learn everything you need to know to get started with Prettier.

We will see how you can install it, configure it, and customize it – from formatting your code on save to enabling/disabling it for specific languages. You will also learn how to adjust its settings and even ignore specific files or code blocks.

Are you ready? Let's begin! 🙂

Subscribe to find more videos:
@codingwithestefania

We will cover:
⌛ (00:00) Introduction
⌛ (00:34) Install the Prettier Extension for Visual Studio Code
⌛ (01:16) Install the Prettier Package
⌛ (04:35) Set Prettier as your Default Formatter
⌛ (06:58) Fix Code Format
⌛ (08:02) Format on Save
⌛ (09:08) Enable or Disable for Specific Programming Languages
⌛ (10:03) Prettier Configuration Settings
⌛ (12:16) Prettier Configuration File
⌛ (15:21) Ignore Files
⌛ (17:49) Format Files from the Terminal
⌛ (20:08) Ignore Code
⌛ (22:51) Key Takeaways

🎓 To dive deeper, check out my fill 8-hour Visual Studio Code course on Udemy, where you will learn how to use it like a pro: https://www.udemy.com/course/learn-vi...

💡 And if you love Visual Studio Code, check out this playlist on my channel:    • Visual Studio Code  

Follow me on:
📱 X:   / estefaniacassn  
✏️ Hashnode: https://codingwithestefania.hashnode....
🔹 freeCodeCamp: https://www.freecodecamp.org/news/aut...

#visualstudiocode #prettier #learntocode #coding