Flutter & VS Code: Auto Trigger Hot Reload on Save

August 6, 2022 A Goodman

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

July 27, 2022 A Goodman

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

July 2, 2022 A Goodman

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

July 2, 2022 A Goodman

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

June 11, 2022 A Goodman

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

June 11, 2022 A Goodman

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

June 11, 2022 A Goodman

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)

June 11, 2022 A Goodman

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

June 10, 2022 A Goodman

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

June 10, 2022 A Goodman

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)

May 24, 2022 A Goodman

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

January 27, 2022 A Goodman

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…

1 2 3 4