

CodeMaid features are:ĬodeMaid can clean up an opened file after saving it.
Visual studio extensions color hightlight code#
The HTML property names are automatically converted to the VS Code internal format which allows one value to be used for both configurations variants.Įven though the color configuration settings are called foreground-color-* and background-color-*, all properties below can be specified in the editor, if desired.This article is about introducing several Visual Studio extensions that boost your development productivity and make your life as a developer easier (at least they made my life easier).ĬodeMaid is one of my favorite extensions that without it I really cannot write code. The common properties listed below are supported by the editor view.

The HTML preview allows all CSS properties which can be set for a span element.

settings of the other configuration options. The same effect can be created by using the "dark" and "light" Example for dark theme only definition, which uses white text The keyframes are required when animating the blinking style. Additional custom CSS which is required for the preview. "vt100.font-family": "'Lucida Console', monospace", Be sure to surround names with spaces in quotes. The native color theme currently does not work for HTML export (VS Code API limitation) and will use the colors for the preview option instead. This can be used to selectively override single colors. If no sub-configurations are defined the style is used for both views.Īll color and background-color options can be set to native to use the theme color when e-native-theme is set to false. The variant defined in the editor sub-configuration is used for the editor view, while the preview sub-configuration is used for the HTML preview. The configuration values shown below are the default values set by the plugin.Īll foreground-color, background-color and attribute settings support defining two styling variants. You can also use the Open Preview to Side command, which has the shortcut Ctrl + K and then V when using the default configuration.Įdit the global or workspace configuration and apply your custom colors. On the top right of the editor a preview icon with a magnifying glass should appear. You can also use the Change Language Mode command, with has the shortcut Ctrl + K and then M when using the default configuration. This is done by selecting the file type VT100 Terminal on the bottom right of the editor. Make sure that the extension is currently active for the selected file. Select the file type "VT100 Terminal" on the lower right corner to enable highlighting of a file.
