How To Change Every Instance Of A Variable Name In Vs Code

Pro tips for Visual Studio Code to be productive in 2018 👨🏻‍💻

Photo by Goran Ivos on Unsplash

Over the terminal few years Visual Studio Code has abound very popular over the open-source IDE market. VS Lawmaking was publicly released in 2015 and now used by 35% of all developers according to 2018 Stack Overflow survey. In this commodity I am going to share few tips and tricks of VS Lawmaking that would help you lot to be productive.

Git and Gitlens

Git is the most pop software used by developers. Managing Git from your IDE is much more than easier than the command line. The Git panel allows you to stage, commit, stash, and undo changes. GitLens extension for VS Code offers you much more than. The almost useful feature of GitLens is that it shows y'all who committed what and when on every line of code in the projection.

Live Share

VS Code Live Share is a make new feature that is still merely in developer preview. Information technology allows you to share your workspace in realtime, live editing, pin to user to follow their cursor, group debugging and many more. It'due south really helpful if you work remotly or when you need to collaborate with someone who isn't effectually.

JSON to Code

Have you ever been working with an API in TypeScript and wished you could have its response strong-typed in your project. Paste JSON as Code converts your JSON into a interface usable in strong-typed languages with a single command.

Rename All Occurrences

Refactoring is a necessary attribute of writing and maintaining clean code, but information technology can be quite the headache — especially when you're refactoring a big module or an otherwise huge chunk of code. So instead of hunting through dozens of files just to rename a variable or method, let VS Code do it for y'all.

If you lot select a variable/method and hit F2, y'all tin can edit the name and it volition change every instance of that variable's name throughout the entire current working projection.

If y'all only want to modify within the current file, use the Command + F2 (on Mac) or Ctrl + F2 (on Windows) keyboard shortcut and VS Code volition spawn a cursor at every instance throughout the current file.

Become to Definition

When you're programming or scripting, often times you'll run into a variable or method that you don't recognize. So what do you do? You lot could spend several minutes searching for the right file, or you could press Command (on Mac) or Ctrl (on Windows) fundamental and click the variable/method with your mouse. VS Code volition take yous to it'due south definition right away.

Or y'all could only hover your cursor over the variable/method along with pressing the Command (on Mac) or Ctrl (on Windows) fundamental, it will shows you the definition right in line where your cursor is.

Edit Multiple Lines at Once

If you ever need to insert or delete multiple instances of text throughout a document, all you have to practice is create multiple cursors. You can do this by belongings down Selection (on Mac) or Alt (on Windows) and clicking anywhere in the text. Every click creates a new cursor.

This is particularly useful for things similar HTML, where you lot might want to add many instances of the same class or alter the format of several hyperlinks.

Debugger

The debugger deserves a video all to iteself — thankfully, VS Code has already made one of those.

Keybindings and the Command Pallette

If you want to get things done fast, memorize your hot keys. You can wait over the essentials in the cheat sheet or past opening the keybindings page.

The command pallette is your best friend. You tin open it with Control + P (on Mac) or Ctrl + P (on Windows). As a developer, yous're likely juggling many files simultaneously. Start typing the file name and get full-text search results from the workspace — then much faster than clicking through the directory tree.

• Yous can start typing with a > to get a list of available tasks.
• Or start with an @ to get a list of symbols in the electric current file.

Custom Keybindings

One useful keybinding missing from VS code is Relieve All. Permit's create our ain keybinding to save all modified files in the workspace with Command + Shift + Due south (on Mac) or Ctrl + Shift + S (on Windows).

Annotation for fellow developers: If yous would similar to contribute to an open source project and so tweet to me at i_AnkurBiswas. I have some ideas and we will get started.

Thanks for reading! If you find this helpful don't forget to get out some claps 👏🏻 and don't forget to share this with your friends and followers! If you take some tips regarding VS Lawmaking, experience free to comment or you can tweet to me at i_AnkurBiswas as well.

Source: https://medium.com/@iAnkurBiswas/pro-tips-for-visual-studio-code-to-be-productive-in-2018-d5252e914561

Posted by: fifeabloome.blogspot.com

Share this post