Top 10 Best VS Code Extensions you NEED in 2022!
The first 1,000 people to use this link will get a 1 month free trial of Skillshare: https://skl.sh/sonnysangha01221
🎥 In this video, I go over 10 VS Code extensions (PLUS 3 bonus extensions) that you NEED to install & use in 2022:
1️⃣ : GitLens | https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
2️⃣: Tailwind CSS IntelliSense | https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
3️⃣: env-cmd-file-syntax | https://marketplace.visualstudio.com/items?itemName=Nixon.env-cmd-file-syntax
🌟 Bonus #3.5: Code Snap | https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap
4️⃣: Bracket Pair Colorizer | https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
5️⃣: ES7 React Snippets | https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
6️⃣: Prettier | https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
7️⃣: Live Share | https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
8️⃣: Auto Rename Tag | https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
9️⃣: VS Code Icons | https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
🔟: TODO Highlight | https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight
Bonus 🥇: Import Cost | https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
Bonus 🥈: Styled Components Snippet | https://marketplace.visualstudio.com/items?itemName=jonkwheeler.styled-components-snippets
Bonus 🥉: Live Server | https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
🚨 Join the world's BEST developer community "Zero to Full Stack Hero" NOW: https://www.papareact.com/course
🛠️ LOOKING FOR THE CODE?
https://links.papareact.com/github
🎙️ PODCAST
https://links.papareact.com/podcast
🖥️ CODE
Get the code for my builds here: https://links.papareact.com/github
📩 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up to the PAPA Newsletter here 👉 https: //links.papareact.com/newsletter
🌍 SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
💰 WANT TO SUPPORT THE CHANNEL?
Donate here: https://links.papareact.com/donate
Grab some PAPA Merch: https://links.papareact.com/merch
🕐 TIMESTAMPS:
00:00 Introduction
00:14 GitLens
02:17 Tailwind CSS IntelliSense
03:59 env-cmd-file-syntax
04:32 Code Snap
05:54 Bracket Pair Colorizer
07:05 Skillshare Sponsorship
08:52 ES7 React Snippets
10:09 Prettier
11:59 Live Share
13:17 Auto Rename Tag
14:23 VS Code Icons
15:19 TODO Highlight
17:13 Import Cost (Bonus 1)
17:35 Styled Components Snippet (Bonus 2)
18:16 Live Server (Bonus 3)
18:45 Outro
Let's get it PAPA fam🔥.
#vscode #top10 #extensions #reactjs #react #javascript
Видео Top 10 Best VS Code Extensions you NEED in 2022! канала Sonny Sangha
🎥 In this video, I go over 10 VS Code extensions (PLUS 3 bonus extensions) that you NEED to install & use in 2022:
1️⃣ : GitLens | https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
2️⃣: Tailwind CSS IntelliSense | https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
3️⃣: env-cmd-file-syntax | https://marketplace.visualstudio.com/items?itemName=Nixon.env-cmd-file-syntax
🌟 Bonus #3.5: Code Snap | https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap
4️⃣: Bracket Pair Colorizer | https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
5️⃣: ES7 React Snippets | https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
6️⃣: Prettier | https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
7️⃣: Live Share | https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
8️⃣: Auto Rename Tag | https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
9️⃣: VS Code Icons | https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
🔟: TODO Highlight | https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight
Bonus 🥇: Import Cost | https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
Bonus 🥈: Styled Components Snippet | https://marketplace.visualstudio.com/items?itemName=jonkwheeler.styled-components-snippets
Bonus 🥉: Live Server | https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
🚨 Join the world's BEST developer community "Zero to Full Stack Hero" NOW: https://www.papareact.com/course
🛠️ LOOKING FOR THE CODE?
https://links.papareact.com/github
🎙️ PODCAST
https://links.papareact.com/podcast
🖥️ CODE
Get the code for my builds here: https://links.papareact.com/github
📩 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up to the PAPA Newsletter here 👉 https: //links.papareact.com/newsletter
🌍 SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
💰 WANT TO SUPPORT THE CHANNEL?
Donate here: https://links.papareact.com/donate
Grab some PAPA Merch: https://links.papareact.com/merch
🕐 TIMESTAMPS:
00:00 Introduction
00:14 GitLens
02:17 Tailwind CSS IntelliSense
03:59 env-cmd-file-syntax
04:32 Code Snap
05:54 Bracket Pair Colorizer
07:05 Skillshare Sponsorship
08:52 ES7 React Snippets
10:09 Prettier
11:59 Live Share
13:17 Auto Rename Tag
14:23 VS Code Icons
15:19 TODO Highlight
17:13 Import Cost (Bonus 1)
17:35 Styled Components Snippet (Bonus 2)
18:16 Live Server (Bonus 3)
18:45 Outro
Let's get it PAPA fam🔥.
#vscode #top10 #extensions #reactjs #react #javascript
Видео Top 10 Best VS Code Extensions you NEED in 2022! канала Sonny Sangha
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
25 VS Code Productivity Tips and Speed HacksUltimate Tailwind CSS Tutorial // Build a Discord-inspired Animated NavbarTop 10 VS Code Extensions for Web DevelopmentNEXT.JS Crash Course for Beginners - Build 6 Apps in 17 Hours (SSR, Auth, Full-Stack + More) [2022]Visual Studio Code 2022 | Web Dev Setup | Top Extensions, Themes, Settings, Tips & TricksThese Personal Websites are just WOW...Top 10 Best VS Code ExtensionsBuild and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPITop 10 VS Code Extensions for Web Development (2020)Build and Deploy THE BEST Modern Blog App with React | GraphQL, NextJS, Tailwind CSS🔴 Let's build Facebook 2.0 with REACT.JS! (Next.js, Tailwind CSS, Image Uploading, Facebook Login)🔴 Build a Spotify Clone with REACT JS for BeginnersLearn how to use Props in React in 19 minutes (for beginners)Best VS Code Extensions I Wish I Knew BeforeDon't Use the Sidebar in VS Code!!🔴 Let's build Hulu 2.0 with REACT.JS! (Next.js, Tailwind CSS, Responsive)Visual Studio Code Extensions to Improve Your ProductivityTop 7 Best Extensions In VSCode For Python Programming That I Use For Data Science ProjectsHow I setup and customize my VS Code