Can I Use is the go-to browser compatibility checker for many web developers. Visual Studio Code has a superb extension that integrates the popular Can I Use web app with the code editor. Moreover, you can also pick a color from your screen (for example from a photo) by moving a tool over the color you want to use in your CSS. You can easily pick a color from the color wheel. When you begin to type a hex value into your CSS file by hitting the # key, the extension displays a tiny color picker on the screen. It adds an easy-to-use color picker to your Visual Studio Code editor. If you work a lot with colors you will love the VS Color Picker extension. This way you can edit your stylesheet right from your HTML file and you don’t have to go through the whole CSS to find all the related rules. When you “peek” into a class, ID, or HTML tag, CSS Peek displays all the related CSS rules within the inline editor. CSS Peek allows you to load a CSS file inline while editing an HTML file. The feature was inspired by the similar capability of Adobe’s Brackets code editor. With the CSS Peek extension, you can add an inline CSS editor to Visual Studio Code. Then, a dropdown list appears on the screen you can easily choose from. After installation, you only need to begin to type the class name (each Font Awesome class starts with the fa- prefix). Sure, you can look it up in the docs, but why would you do so if you have access to this handy extension? However, as there are so many icons, it’s not easy to exactly remember the name of each Font Awesome class you may want to use. Currently, Font Awesome has almost 1,000 icons that will cover most of your needs. Font Awesome is truly awesome, as you only have to use a pre-built CSS class to add an icon font to any HTML element. If you frequently use Font Awesome icons in your designs this extension will be a godsend for you. BEST VISUAL STUDIO CODE EXTENSIONS INSTALLYou can easily install them right from Visual Studio Code, by clicking the View > Extensions menu in the top bar. You can find thousands of Visual Studio Code extensions in the Visual Studio Marketplace, with which you can add different functionalities to the editor. Besides, you can also fully customize Visual Studio Code and extend its functionality according to your needs. Just to name a few, it has built-in Git support, a smart auto-completion tool called IntelliSense, an advanced debugger, and a powerful search tool. It was released in 2015 by Microsoft and offers many awesome features you can use in your everyday workflow. Visual Studio Code is one of the most popular source code editors for web developers.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |