Skip to content

Getting Started

Amadej Glasenčnik edited this page Dec 23, 2023 · 1 revision

Getting Started with EmmetVS

Welcome to EmmetVS! This guide will help you get up and running with the EmmetVS extension for Visual Studio, a powerful tool that enhances your HTML and CSS workflow. Whether you're a web developer or working with programming languages, EmmetVS can streamline your coding process.

Installation

To begin using EmmetVS, you need to install it in your Visual Studio environment. Here are the steps:

  1. Download the latest release from the Releases page or the Visual Studio Marketplace.

  2. Open Visual Studio.

  3. Navigate to Extensions > Manage Extensions.

  4. Install the downloaded package.

Configuration

Once EmmetVS is installed, you can configure it to suit your preferences. Here's how:

  1. In Visual Studio, go to Tools > Options.

  2. Find and select EmmetVS in the left sidebar.

  3. Customize your EmmetVS settings, including enabling or disabling specific languages, advanced functions.

  4. Click "Apply" to save your configuration.

Using EmmetVS

EmmetVS enhances your coding efficiency by expanding abbreviations into complete HTML/XML and CSS structures. Here's how to use it:

  1. Enable the extension via the Options page: Tools > Options > EmmetVS.

  2. When executing Emmet actions, remember to press Ctrl + Shift + Alt + E before each Emmet's hotkey (except for the action: 'expand abbreviation').

  3. Continue typing your abbreviation, and EmmetVS will expand it into the corresponding HTML/XML or CSS code snippet.

Next Steps

Now that you've installed and configured EmmetVS, you're ready to start using it to boost your productivity. Explore the abbreviation syntax and available actions in the following sections to make the most of this powerful tool:

Happy coding with EmmetVS!

Clone this wiki locally