Back to Browse

How I setup VS Code for a beginners front-end workflow

200.5K views
Apr 28, 2020
12:18

πŸ”₯ My course: Responsive Design for Beginners! https://coder-coder.com/responsive/ πŸ’» Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b Here's how to use VS Code to create a simple setup for a front-end workflow for HTML, SCSS/CSS, and vanilla JavaScript files. 0:00 - Intro 0:22 - Download and install VS Code 0:57 - Set up files and folders 1:06 - Add boilerplate HTML 2:03 - Create SCSS files and add general styles 5:46 - Add JavaScript file 6:15 - Installing Live Sass extension 7:27 - Watching Sass files and loading local website 9:01 - Customizing Live Sass 10:24 - Getting themes from the Marketplace _____________________________________ SUPPORT THE CHANNEL ⭐ Join channel members and get perks: https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/join πŸ‘πŸ½ Hit the THANKS button in any video! 🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme WANT TO LEARN WEB DEV? Check out my courses: 🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/ 🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/ RECOMMENDATIONS ⌨ My keyboard-- get 10% off with code THECODERCODER -- https://vissles.com/?ref=mu96kxst5w πŸ’» Other gear -- https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD πŸ“š My Favorite Books -- https://coder-coder.com/best-web-development-books/ πŸ“Ί My Favorite Courses -- https://coder-coder.com/best-web-development-courses/ πŸ”½ FOLLOW CODER CODER Blog -- https://coder-coder.com/ Twitter -- https://twitter.com/thecodercoder Instagram -- https://www.instagram.com/thecodercoder #webdevelopment #coding #programming

Download

1 formats

Video Formats

360pmp420.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

How I setup VS Code for a beginners front-end workflow | NatokHD