Just select the code block you want to format, use CMD+SHIFT+P to open the command palette, and type format code. VSCode makes it easy to format your code with the appropriate indentation and alignment through it’s Format Code command. This shows the newly renamed getThePeople method in the file. This shows the newly renamed getThePeople method in the dataservice.ts file. This will rename all of the occurrences in every file in your project. Then type the new name and hit the Enter key. For example, you may want to rename a publicly accessible function on an Angular service and have everywhere that uses it get updated.įirst put your cursor on the member and click F2. Sometimes you want to rename in 1 file, and other times you want to rename across multiple files. I love this, but I really want to also be able to do this through search via keyboard so I can find all instances of a phrase and then edit. Now you have multiple cursors in the file and you can edit all of them at once! Then find another place in code and repeat, and repeat, and repeat. This will find all occurrences in the open file and change them as you type, which is ideal for local refactoring.Ĭlick + OPTION in your code. Put your cursor in a variable or function and click CMD+F2 then begin typing. You can click on these to see each references. Notice that the files are displayed to the right. This is helpful when refactoring so you can find all of the places a function or property may be used before refactoring. As such, this feature works less great in JavaScript. VSCode uses TypeScript to figure out how to find those references. This works incredibly well with TypeScript. VSCode help you find all references of a variable, everywhere it can be determined that it is being used, with SHIFT F12. You can exit this mode and close the peek by clicking ESC. If you want to navigate to the file, click on the file name in the header of the peek view. Seeing is believing, so check this out below, using OPTION F12 This is like the Go to Definition except instead of navigating to the definition a window appears showing you a peek of the definition. This works in the same file or to another file when using TypeScript. When you are looking at your code and you want to find where a function or variable is defined, you can press F12 to navigate to the definition. Press F8 again and you will see the next one. Press F8 and you will see the first error or warning. When you have multiple errors or warnings, you can visit each of them in the current file using the Go to Next Error or Warning. VSCode will move a line up when you use OPT+UPARROW or down when you use OPT+DOWNARROW. Getting Started with Visual Studio Code.Visual Studio Code Seriesįollow this series to learn more about what you can do with Visual Studio Code! Visual Studio Code has some awesome refactoring features.
0 kommentar(er)
