Setup Coding Environment For HTML Background Images Using Visual Studio Code
The article is part of series: HTML Background Images Article Series
Working with background images requires experimenting with a lot of HTML and CSS concepts. There are an absolute ton of ways to manipulate them using CSS properties, and our articles would provide steps to experiment using various CSS properties and their values. This article would help you setup coding environment that would help following the instructions in later articles easy.
In this article…
- Why use Visual Studio Code integrated development environment
- Setup Visual Studio Code on your machine
- Installing live preview extension
- Project folder to contain your files and assets
- Creating our HTML Document in VSCode
- Add and link a CSS file
- Launching the live preview
- Adding background images to work with
You can switch to video version of this article
Why use Visual Studio Code integrated development environment