- Instant help with your Developer coding problems

Make text uppercase in VS Code

by Mike
Question:
How to make text uppercase in VS Code?
Answer:
F1 and type 'tup' and select 'Transform to Uppercase'
Description:

VS Code doesn't have a dedicated keyboard shortcut by default to convert text to uppercase or lowercase. But there is a built-in action to do this.

Steps to convert

  1. Select the text you want to convert. If you want to convert one word only then click on that word.
  2. Press F1 and type 'tup' into the search field.
  3. Select the 'Transform to Uppercase' and press Enter

Create a keyboard shortcut

If you often use case conversion to lowercase or uppercase, it is more practical to create a dedicated keyboard shortcut. 

  1. Open the keyboard shortcut editor with CTRL + K CTRL + S or from menu File -> Preferences -> Keyboard Shortcuts

  2. Select a keyboard shortcut you want



  3. From now you can convert selected text to uppercase with CTRL + T CTRL + U

 

 

Reference:
VS Code transform text commands
Share "How to make text uppercase in VS Code?"
Related snippets:
Tags:
transform, change, convert, make, uppercase, lowercase, text, vs code, visual studio code
Technical term:
Make text uppercase in VS Code
Trending articles
Inspect WebSocket traffic with Developer ToolsUsing GitHub Desktop with Bitbucket repositoryHow to convert a Postman request to curlFix the Error: 0x8007019e The Windows Subsystem for Linux has not been enabledFix the Error: 0x800701bc WSL 2 requires an update to its kernel component.Fix the *.ps1 cannot be loaded because running scripts is disabled on this systemSolving the stylesheet not loaded because of MIME-typeRemove duplicate lines in Notepad++How to install PHP 8 on Windows 10
Trending snippets
Edit multiple lines at once in VS CodeSelect all occurrences of selected word in VS CodeChange colors in VS Code integrated terminalRemove trailing spaces in VS CodeShow hidden characters in VS CodeFix: Prettier stopped working in VS CodeExclude folders from search in VS CodeNavigate back to last cursor position in VS CodeSwitch between terminal and editor in VS CodeJump to closing bracket in VS CodeRedirect all requests to index.php using htaccessChange file encoding in VS CodeSplit editor window in VS CodeChange syntax highlighting in VS CodeDisable tooltip in VS CodeMake text uppercase in VS CodeAssociate file type in VS CodeMove the sidebar panel to the right in VS CodeMove line up or down in VS CodeAdd cookie in Chrome
Network articles
Fix the ReactDOM.render is no longer supported in React 18How to run useEffect only once in ReactSolving the Error: Must use import to load ES ModuleSolving the Error [ERR_REQUIRE_ESM]: require() of ES Module not supportedFix the React 18: Hydration failed because the initial UI does not match errorFix npm ERR! enoent ENOENT: no such file or directory errorSolving the Uncaught SyntaxError: Cannot use import statement outside a moduleSolving the Error: unsupported class file major versionCheck if an array contains a valueSpecify exact width value in TailwindCSSCalculate percentage with SASSSolve the Typed property X must not be accessed before initialization errorAdd data attribute to element in JavaScriptCheck if JSON key exists in PHPForce list bullets inside the containerCheck if string ends with slash using JavaScriptConvert string to kebab case in JavaScriptConvert a float number to integer in JavaScriptSelect HTML elements by CSS selectors in vanilla JavaScriptLink CSS stylesheet to HTML