This speeds up editing time and boosts productivity greatly, as we get repetitive tasks done efficiently with rapid code creation. One of the wow moments in my earliest VS Code days, the multi-cursor editing lets you place multiple cursors at different points, and delete or insert the same text multiple times. So I changed it to Ctrl + D, Ctrl + D – a keyboard shortcut chord that’s much easier to press and remember, and has no conflicting keybinding. I’m on Windows and personally, I don’t like this default keyboard shortcut autosave makes me format every now and then, and Shift + Alt + F got agonizing after a while. And that’s what keyboard shortcuts are for: When you do autosave, it can get tedious to continuously open the Command Palette when you’re formatting every now and then.

So with this setting on, VS Code will automatically format your code with the current default formatter when you save the file with Ctrl + S, as you saw in the above demo. A formatter must be available, the file must not be saved after delay, and the editor must be shutting down”. Editor: Format On Save: “Format a file on save.When you use manual over autosave, there’s a feature you should enable to make formatting a bit easier: While there’s a pretty decent built-in JS/TS formatter, for a more robust solution, I highly recommend the Prettier extension.Īfter installing, you’ll set it as your default formatter. Depending on the current file’s language, a particular “default” formatter will be used to format the code using various rules of indentation, line length, braces and brackets, etc. Yes, you need to start formatting code automatically with the Format Document command, easily accessible in the Command Palette. Format code rapidlyįormatting is all about improving code readability by organizing it in a structured and consistent manner.Īnd if you’ve been doing this manually, you need to know that there’s a better way. Set it to on to get the full visual experience. on: Smooth cursor animation is always enabled – including when typing.explicit: Only animates the cursor when we explicitly place it somewhere in the code.We are looking for Editor: Cursor Smooth Caret Animation setting, which has 3 possible options: To turn it on, opens Settings UI in the Command Palette and search for “smoot caret”. Here's how you enable it 👇🧵 /z7v4HQZYXk- Coding Beauty June 5, 2023 This makes typing feel more fluid and polished, as well as giving us a smoother and more natural feel as we navigate through the lines of code and place the cursor at different points.Įnhance your typing experience with this delightful cursor animation 😊 VS Code has this smooth cursor feature that animates the cursor as it moves, like in MS Word. Or, will you use the Ctrl + Shift + K shortcut to rapidly delete that and dozens more lines in a matter of seconds? 7. Will you drag and drag to highlight and then press Delete? Will you tirelessly press Backspace until every character is gone?

You’ve got to the line now, what if you want to delete it? Use the Ctrl + G keyboard shortcut for this. By jumping to those lines, you can examine the code in that particular context, evaluate variables, and troubleshoot the issue. Quickly navigating to a line is invaluable during debugging when you need to encounter errors at specific line numbers.

You can even use Alt + Left and Alt + Right to quickly navigate between these open files.Īll these are much faster ways to get to a file than using the cursor. Hold Ctrl and press Tab to cycle through the list of files currently open in an editor instance. Yes, you can click on the file in the Explorer pane, but for a much faster alternative use Ctrl + P to search for and open a specific file in your project.

Javascript formatter visual studio