How to Setup VS Code For HTML and CSS | In Sinhala|

Setting up Visual Studio Code (VS Code) for HTML and CSS development is a straightforward process that can significantly enhance your coding experience. Here's a step-by-step guide on how to set up VS Code for HTML and CSS:

1. **Install Visual Studio Code**: If you haven't already installed VS Code, you can download it from the official website (https://code.visualstudio.com/) and follow the installation instructions for your operating system.

2. **Extensions Installation**:
- Launch VS Code.
- Navigate to the Extensions view by clicking on the square icon on the sidebar or pressing `Ctrl+Shift+X`.
- Search for and install the following extensions:
- HTML: Install the "HTML CSS Support" extension to get HTML and CSS support.
- Live Server: Install the "Live Server" extension for live HTML/CSS preview and development.

3. **Configuration**:
- After installing extensions, you may want to customize VS Code settings for HTML and CSS development.
- Open the Settings view by clicking on the gear icon on the sidebar or pressing `Ctrl+,`.
- Search for "HTML" and configure settings such as indentation, formatting, and auto-closing tags to match your preferences.
- Similarly, search for "CSS" and configure settings for CSS formatting and linting.

4. **HTML and CSS File Creation**:
- Create a new folder for your project or open an existing one in VS Code.
- Right-click within the Explorer view or use the `Ctrl+N` shortcut to create new #html and #css files.
- Start coding your HTML and CSS files using VS Code's powerful editing features and extensions.

5. **Live Preview**:
- With the "#Live Server" extension installed, right-click on your HTML file and select "Open with Live Server" to launch a live preview of your webpage in the default browser.
- Any changes you make to your HTML or CSS files will be automatically reflected in the browser, allowing you to see the results in real-time.

By following these steps, you'll have VS Code set up for HTML and CSS development, providing you with a powerful and efficient environment to create stunning web pages and applications.

If You Like The Video DON'T FORGET TO SUBSCRIBE AND GIVE US A 👍!