visual studio code shortcuts line number

Open up your Keyboard Shortcuts window by pressing Ctrl + S + K (Mac: Command + S + K) and bind a keyboard combo for Transform to Title Case. You can actually use a command called Transform to Title Case inside your shortcuts window by binding a custom keyboard shortcut to it. I would have to select the name of the variable that holds the story and manually change it to start with a capital letter to make the error go away. However, an ESLint/TypeScript linting error pops up to tell me that react hooks can only be used inside a function component (I used a render function instead). Remembering that stories now support react hooks out of the box, I use a eState and it works just fine when viewing the story in the browser. But then I decide that the story will just be a react component. I would sometimes create a story for a function that renders a react component. Some common scenarios I run into is when converting a renderer function to an actual react component (Which strictly uses names starting with an uppercase by convention).Īnother scenario is when creating stories in storybook.

I frequently run into this issue where I need to change the casing from some varaible. This feature is very useful when you need to convert a word that starts with a lowercase to a word that starts with an uppercase. Go to your keyboard shortcuts window by pressing Ctrl + S + K (Mac: Command + S + K) and search for Preferences: Open Settings (JSON) and apply a custom keyboard combination to make that your shortcut. You can either open up the settings interface and manually click on the Open Settings (JSON) button to the top right, or you can also optionally bind a custom keyboard shortcut to open these settings directly in the JSON view. VSCode also lets you edit these settings using the JSON mode. However, this will directly open up the settings as a graphical user interface. Pressing this key combination will open up the settings that your VS code editor is using. If you don't know about the shortcut to open settings, the shortcut for that is Ctrl +, (Mac: Command + ,). Here are 12 VSCode Shortcuts and Tactics to Ease Development: 1. I hope that by reading this post you will adopt something new to your development flow for your upcoming projects! In this post I will list some of my favorite shortcuts that make me code faster and more productively.

That's awesome and all but there's still a slight change you might be missing out on some of the shortcuts that VS code offers. So you've might already had some great tools or extensions to ease your development flow and are having an excellent time.

Visual studio code shortcuts line number