VIM & Visual Studio Code Tips & Tricks (With Video / GIF) Muhammad Muhajir on June 30, 2019 This post is going to be a collection of VIM And Visual Studio Code tips that I use daily. And it will be updated frequently. So stay tuned. You ca... Read full post Submit Preview Dismiss Collapse Expand Rakshit Sinha ⚡ Rakshit Sinha ⚡ Rakshit Sinha ⚡ Follow Converting caffeine into code. Passionate about solving problems that I have no idea how to. Location Seattle Work Software Developer at Oracle Cloud Infrastructure Joined Jul 1, 2019 • Jul 1 '19 Dropdown menu Copy link Hide Inspired by your 3rd tip, when inside an HTML/JSX tag: Using cs<div> can change your current tag to a <div> tag. Of course, that is applicable to all other types of HTML tags out there. <div> was just for an example. Collapse Expand Muhammad Muhajir Muhammad Muhajir Muhammad Muhajir Follow Fullstack Javascript Developer Email muhammad@muhajir.dev Location Jakarta Joined May 13, 2018 • Jul 1 '19 Dropdown menu Copy link Hide Cool Collapse Expand stuartaylward stuartaylward stuartaylward Follow Joined Jul 1, 2019 • Jul 1 '19 Dropdown menu Copy link Hide Did I miss something? How does this work? Is there a shortcut key combination to make this work? Collapse Expand Muhammad Muhajir Muhammad Muhajir Muhammad Muhajir Follow Fullstack Javascript Developer Email muhammad@muhajir.dev Location Jakarta Joined May 13, 2018 • Aug 8 '19 Dropdown menu Copy link Hide Hi stuart, Did you manage to get it working? First of all you need to install github.com/VSCodeVim/Vim . And you can learn some vim basic here openvim.com . After that, all those tips & tricks should be usable Collapse Expand z2lai z2lai z2lai Follow I'm aspiring to make programming my bread and butter Joined Oct 17, 2018 • Jul 1 '19 Dropdown menu Copy link Hide Yeah, I'm feeling quite confused and stupid right now... Collapse Expand Muhammad Muhajir Muhammad Muhajir Muhammad Muhajir Follow Fullstack Javascript Developer Email muhammad@muhajir.dev Location Jakarta Joined May 13, 2018 • Jul 2 '19 • Edited on Jul 2 • Edited Dropdown menu Copy link Hide Ah, my bad. Should have said that we're using VSCode Vim extension. I'll update the post. Thanks for noticing Collapse Expand Muhammad Muhajir Muhammad Muhajir Muhammad Muhajir Follow Fullstack Javascript Developer Email muhammad@muhajir.dev Location Jakarta Joined May 13, 2018 • Jul 2 '19 Dropdown menu Copy link Hide Yeah. We're using VSCode VIM extension like mentioned by @firozansari . I'll update the post. Thanks for noticing Collapse Expand David Wickes David Wickes David Wickes Follow British. Strong opinions held weekly. No, that's not a typo. Teaches when and where and what I can. Location London Education MA Continental Philosophy Work Senior Software Developer at Acuris Joined Apr 13, 2018 • Jun 30 '19 Dropdown menu Copy link Hide Worth pointing out that cs relies on (vim-surround)[github.com/tpope/vim-surround] in actual Vim. Collapse Expand Muhammad Muhajir Muhammad Muhajir Muhammad Muhajir Follow Fullstack Javascript Developer Email muhammad@muhajir.dev Location Jakarta Joined May 13, 2018 • Jun 30 '19 Dropdown menu Copy link Hide Yeah, it's awesome. Thanks for adding the information David :) Collapse Expand Adam Gracy Adam Gracy Adam Gracy Follow Joined Jun 4, 2019 • Jun 30 '19 Dropdown menu Copy link Hide Here is more evidence bad things come in threes. Collapse Expand Muhammad Muhajir Muhammad Muhajir Muhammad Muhajir Follow Fullstack Javascript Developer Email muhammad@muhajir.dev Location Jakarta Joined May 13, 2018 • Jun 30 '19 Dropdown menu Copy link Hide 😂😂 Collapse Expand Firoz Ansari Firoz Ansari Firoz Ansari Follow Joined Jul 23, 2017 • Jul 1 '19 Dropdown menu Copy link Hide I am not sure but look like you are using VS Code Vim Extension. Collapse Expand Muhammad Muhajir Muhammad Muhajir Muhammad Muhajir Follow Fullstack Javascript Developer Email muhammad@muhajir.dev Location Jakarta Joined May 13, 2018 • Jul 2 '19 Dropdown menu Copy link Hide Right I am using that extension Collapse Expand Muhammad Muhajir Muhammad Muhajir Muhammad Muhajir Follow Fullstack Javascript Developer Email muhammad@muhajir.dev Location Jakarta Joined May 13, 2018 • Aug 8 '19 Dropdown menu Copy link Hide Update I have launched vscode.xyz for this purpose. Check it out Collapse Expand Danylo Danylo Danylo Follow Joined May 3, 2022 • Jun 24 '22 Dropdown menu Copy link Hide Oh why I didn't see this article before. Always used auto rename tag ext cuz have no alternatives Code of Conduct • Report abuse
Inspired by your 3rd tip, when inside an HTML/JSX tag:
Using
cs<div>can change your current tag to a<div>tag. Of course, that is applicable to all other types of HTML tags out there.<div>was just for an example.Cool
Did I miss something? How does this work? Is there a shortcut key combination to make this work?
Hi stuart,
Did you manage to get it working?
First of all you need to install github.com/VSCodeVim/Vim . And you can learn some vim basic here openvim.com .
After that, all those tips & tricks should be usable
Yeah, I'm feeling quite confused and stupid right now...
Ah, my bad. Should have said that we're using VSCode Vim extension. I'll update the post. Thanks for noticing
Yeah. We're using VSCode VIM extension like mentioned by @firozansari . I'll update the post. Thanks for noticing
Worth pointing out that
csrelies on (vim-surround)[github.com/tpope/vim-surround] in actual Vim.Yeah, it's awesome. Thanks for adding the information David :)
Here is more evidence bad things come in threes.
😂😂
I am not sure but look like you are using VS Code Vim Extension.
Right I am using that extension
Update
I have launched vscode.xyz for this purpose. Check it out
Oh why I didn't see this article before. Always used auto rename tag ext cuz have no alternatives