VS Code Setup | Live Server Plugin | Emmet Plugin | Color theme | FontAwesome Library | Tutorial – 3

In this video tutorial we will set up our Visual Studio code text editor with some useful plugins like Live Server(by Ritwick Dey) and Emmet so that we can speed up our coding in a very smart way. We will select the color scheme theme of the VS code text editor So you have option of Light theme and Dark theme. Let me know in the comment below which theme are we supposed to select.
Lastly we will set up the fontawesome icon library into our project because we will be needing it in our web development.

Emmet cheatsheet -https://docs.emmet.io/cheat-sheet/
Font awesome library – https://fontawesome.com/
Font Awesome cheatsheet – https://fontawesome.com/cheatsheet

Setting up everything Library into our Project Offline –

Download this entire test code folder which will the full folder hierarchy with the necessary library files already set up – DOWNLOAD HERE

The folder hierarchy should look like this –

  • test code
    • bootstrap
      • css
        • bootstrap.min.css
      • js
        • bootstrap.min.js
        • jquery-3.3.1.slim.min.js
        • popper.min.js
    • fontawesome-free-5.6.3-web
      • css
        • all.css (the only one we need to link in our project for font awesome icons)
      • js
      • etc
      • etc
    • default.html
YouTube video tutorial –

Leave a Reply

Your email address will not be published. Required fields are marked *