Flutter & VS Code: Auto Trigger Hot Reload on Save
When developing apps with Flutter and VS Code (Visual Studio Code), most of us perform a hot reload by focusing our mouse pointer in the terminal window and then pressing the well-known shortcut Shift + R….
VS Code: Set Preferred Quote Type for Quick Fixes
When working with Javascript and TypeScript, arbitrary use of single quotes and double quotes may not cause errors but will result in a lack of consistency and readability. Therefore, choosing and going with a certain quote…
VS Code: How to Position/Align the Bottom Panel
This short and straightforward article shows you how to control the position and the alignment of the bottom panel (which contains the Terminal, Output, Problems, etc) in VS Code (Visual Studio Code). Because there are various…
VS Code: 3 Ways to Move the Side Bar to the Right/Left
This succinct article shows you a couple of different ways to change the position of the primary sidebar (which contains the file explorer, search, and other things) in VS Code (Visual Studio Code). Using View Menu…
VS Code: Quickly Move Focus between Code File and Terminal
In VS Code (Visual Studio Code), you can quickly and conveniently jump between the code editor and the integrated terminal by using the following shortcuts: Mac: To focus the terminal: Ctrl + ` (the key near…
VS Code: Shortcuts for Jumping to the last Edit Location
In VS Code (Visual Studio Code), you can quickly and conveniently move your mouse cursor to the last edit location by using the following shortcuts: Mac: Jump back: Ctrl + – (the minus key on your…
VS Code: How to Collapse/Expand Blocks of Code
If you’re using VS Code (Visual Studio Code) and your document is very long and has a lot of code blocks, you may want to fold some of them to make your viewport neater. A folded…
How to Format Code in VS Code (Visual Studio Code)
Formatting code will increase readability and help you and your team members work more efficiently. This succinct and straight-to-the-point article shows you a couple of different ways to do so in VS Code (Visual Studio Code)….
VS Code: Hide/Show the Debug button in package.json
In the vast majority of modern Javascript/TypeScript projects (React, NodeJS, Vue, etc), there is a file called package.json. In this file, there is a scripts section. If you’re using VS Code (Visual Studio Code), you will…
VS Code & Javascript/TypeScript: Place Curly Braces on New Line
By default, VS Code (Visual Studio Code) formats your Javascript and TypeScript code in such a way that the curly braces will be on the same line as the keywords class, function, interface, type, etc. What…
VS Code: How to Open File in New Tab (Keep the Current File)
In VS Code (Visual Studio Code), if you’re viewing a file in a tab and making no changes to it then this file will be closed if you open another file through the left sidebar. The…
2 ways to check your VS Code version
This short article shows you 2 different ways to see your VS Code (Visual Studio Code) version. The first approach is to use your mouse via the VS Code graphics user interface (GUI) and the second…
