Test the accessibility of your webpages from within Visual Studio Code. This extension gives you an alternative to using DevTools for webpage development within the browser window.Įmulate devices, such as displaying your webpage in various viewport sizes during development. The DevTools extension for Visual Studio Code enables you to:ĭevelop webpages and use DevTools without leaving Visual Studio Code. Its CSS mirror editing allows you to control whether to save changes to your.Visual Studio Code is a full IDE (integrated development environment).Visual Studio Code has powerful features for web development:

The DevTools extension provides many of the same tools that are in the DevTools that's in the Microsoft Edge browser, from within Visual Studio Code. Visual Studio Code includes built-in support for JavaScript, TypeScript, and Node.js, so it's a great tool for web developers, especially with this DevTools extension. Visual Studio Code is a lightweight but powerful source code editor that's available for Windows, Linux, and macOS. Default option is false, will fold by utility count.The Microsoft Edge DevTools extension for Visual Studio Code lets you use Microsoft Edge DevTools and an embedded version of the Microsoft Edge Browser including Device Emulation, right from within Visual Studio Code. Extension Settings # SettingsĮnable hover className to show preview of CSS.Įnable Dynamic Utilities Completion like p-$.įolding code by length. Compile Commands #īuilt-in commands, one-key operation. Code Folding #įold overly long classes to increase readability. Highlight utilities, variants and importants. See the complete CSS for a class name by hovering over it. Intelligent suggestions for utilities and variants. This plugin packs a windicss compiler, so you can use it without installing windicss, and it also supports the configuration file (tailwind|windi).config.(js|cjs|ts). Install via the Visual Studio Code Marketplace → Windi CSS IntelliSense enhances the Windi development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, code folding, and building.

Css visual studio code extensions