How to add a @tailwind CSS rule to css checker
If you use VS Code, you can use the PostCSS Language Support plugin. Make sure you associate your scss files with PostCSS.
visual-studio-code
How to exclude file extensions and languages from “format on save” in VSCode?
You can use language specific settings to enable it for a specific language only, e.g. JavaScript: “[javascript]”: { “editor.formatOnSave”: true } To disable it for a specific language, you could switch the global default to true and combine it with a language-specific false: “editor.formatOnSave”: true “[javascript]”: { “editor.formatOnSave”: false } Note that language specific settings … Read more
Visual Studio Code — Insert Newline at the End of Files
There are two easy methods to make Visual Studio Code insert a new line at the end of files: Method I Open Visual Studio Code and go to File (Code if using a Mac) -> Preferences -> Settings; you should now be viewing a settings page Enter ‘insert final newline‘ in to the search bar … Read more
Is it possible to configure control + scroll-wheel to increase/decrease zoom in VS Code?
You can edit settings.json and add this line: “editor.mouseWheelZoom”: true Or go to settings CTRL + , or File > Preferences > Settings and search for: mouseWheelZoom
How to restart VScode after editing extension’s config?
Execute the workbench.action.reloadWindow command. There are some ways to do so: Open the command palette (Ctrl + Shift + P) and execute the command: >Reload Window Define a keybinding for the command (for example CTRL+F5) in keybindings.json: [ { “key”: “ctrl+f5”, “command”: “workbench.action.reloadWindow”, “when”: “editorTextFocus” } ]
Visual Studio Code: format is not using indent settings
The number of spaces to use for formatting is taken from a different location. I’m using version 1.0 and this is what I’ve done to fix it (I’m assuming your using spaces instead of tabs): At the bottom of the editor on the right hand click “Spaces: #”: Then a menu will appear up top. … Read more
How to disable or hide scrollbar/minimap?
Remove Minimap Add the following to your settings.json file “editor.minimap.enabled”: false Note that, as pointed out in another answer, this process has now been simplified to: View->Show Minimap Remove the Overview Ruler Add the following to your settings.json file “editor.hideCursorInOverviewRuler”: true This will keep the scrollbar, but will result in it only appearing when the … Read more
How to switch text case in visual studio code
Echoing justanotherdev’s comment: Mind-blowing and useful: Command Palette: CTRL + SHIFT + p (Mac: CMD + SHIFT + p) type >transform pick upper/lower case and press enter
Which font is used in Visual Studio Code Editor and how to change fonts?
Go to Preferences > User Settings. (Alternatively, Ctrl + , / Cmd + , on macOS) Then you can type inside the JSON object any settings you want to override. User settings are per user. You can also configure workspace settings, which are for the project that you are currently working on. Here’s an example: … Read more
Visual Studio Code scroll back buffer
Go to menu File → Preferences → Settings. Search for scrollback. Overwrite “terminal.integrated.scrollback”: 1000, (found in the left panel) with whatever you want in the right panel, e.g. 1000000.