Next, we will configure vim-airline to use the powerline font.
#How to download react and git install
Next, we will install a plugin called vim-airline to get a status bar that shows current file information like line number, errors, warnings, file type, and even Git branch name. Let g:gitgutter_sign_modified_removed = '-' Status Bar using Airline Let g:gitgutter_sign_removed_first_line = '-' Nmap [h (GitGutterPrevHunk) "same as default Nmap ]h (GitGutterNextHunk) "same as default For example, it allows us to stage or undo a block of change inside a file. It can do more than merely adding signs to indicate added, modified, and removed lines. Now, when a file is changed or deleted or added, it will be highlighted in the NerdTree. To get a similar feature in Vim, we will install a plugin called nerdtree-git-plugin. VSCode indicates modified and staged files in File Explorer. autocmd bufenter * if (winnr("$") = 1 & exists("b:NERDTree") & b:NERDTree.isTabTree()) | q | endif Git Integration for NerdTree
#How to download react and git code
To do that, add the following line of code to. Instead, we can close NerdTree when the last file is closed. To quit, we need to issue another :q command. When the last file on the buffer is closed, it will leave the NerdTree open. To fix that and set focus on the editor by default, add the following line of code to. If you added the code to auto-open NerdTree, then NerdTree will get focused on opening Vim. If you prefer the same, add the following line of code to. I prefer to open the file explorer when Vim opens. To get a File tree similar to that in VSCode, we will use the widely used NerdTree plugin. It also does linting and adds missing imports for you. Now you will start seeing IntelliSense like this. The example configuration worked just fine for me. Then go to it’s Github repository and copy the example configuration and paste it in your.
coc.nvim claims to make Vim as smart as VSCode, and it does! Then I found the Vim plugin coc.nvim, my opinion about Vim started to change. I wasn’t convinced to try Vim as an IDE as setting up IntelliSense on Vim was not straight-forward, and I knew that without good IntelliSense, my productivity would go down drastically.
If you prefer a lightweight plugin and ok with simple syntax highlighting, then you can check out typescript-vim( Github) plugin. Yats provides better syntax highlight compared to all the alternatives, but Yats is also heavier compared to others. To get the beautiful syntax highlighting that you saw in one of the previous images, we will use a plugin called yats ( Github). Open iTerm2, Preferences -> Profile -> Colors tab -> Colors Preset -> Import. ĭownload the color scheme based on your terminal and import it.įor example, for iTerm2 download this file. You can match your terminal’s color scheme to Vim’s color scheme by using the ports of the gruvbox color scheme. Now to configure Vim to use the gruvbox color scheme add the following line to. Then, the plugin will be downloaded and installed. Restart Vim and run the Vim command :PlugInstall.
To install, open ~/.vimrc and add the plugin name between call plug#begin() and call plug#end(). Another reason to use this is, it works well with the syntax highlighter plugins. We will be using a color scheme inspired by Intellij – gruvbox. Tip: Instead of restarting Vim, you can reload the Vim configuration by running the Vim command :so %.Īlso Read: My VSCode Setup – Plugins, Icons, Fonts & Theme Intellij Color Scheme
Then restart Vim and run the Vim command :PlugInstall to install all the plugins declared in the. To install a plugin using vim-plug, add the list of plugin names between the two call statements. " This is where we will add plugins to install vimrc file, and add the following block of code. curl -fLo ~/.vim/autoload/plug.vim -create-dirs \ Install vim-plug by running the following command. To manage all these plugins easily, we will use a plugin manager vim-plug. To set up Vim as an IDE, we will be installing quite a few Vim plugins. Vim can be installed using the built-in package manager.įedora dnf -y install vim-enhanced Install Vim Plugin Manager If you see an error like “command not found,” then you don’t have it, and you need to install it.īut, if you see a screen like this, then you have Vim already. Open the terminal and run the command vim. After all, don’t you want to know what is so special about it? Check If Vim is Installed If you are not a Vim fan but somehow stumbled upon this article, I would still recommend you to try it out. Like the feeling of typing stuff into the terminal.Keyboard shortcuts that it provides improve productivity.Lightweight and works smoothly without lags.Used Vim as the first IDE and got used to it.Vim as an IDE for React and TypeScript Development in the era of modern IDEs like Intellij and VSCode, but why? Here are some reasons why people prefer using Vim as their goto code editor.
0 kommentar(er)
