How To Prettify Using Vim and Prettier
erics, Posted March 7th, 2025 at 6:20:45am
If you’re a Vim user and want to integrate Prettier for automatic code formatting, follow these steps to set it up on your system.
Install Prettier Globally
Before installing the Vim plugin, you need to have Prettier installed globally via npm:
|
1 2 |
sudo dnf install npm -y npm install -g prettier |
Install vim-prettier Plugin
To use Prettier inside Vim, install the vim-prettier plugin. Clone the repository into your Vim plugin directory:
|
1 2 3 |
mkdir -p ~/.vim/pack/plugins/start cd ~/.vim/pack/plugins/start git clone https://github.com/prettier/vim-prettier |
Enable Plugin in Vim
Ensure that Vim loads the plugin by adding the following line to your ~/.vimrc file:
|
1 |
packloadall |
Format Code in Vim
You can now invoke Prettier inside Vim using the command:
|
1 |
:Prettier |
This will format your current file based on Prettier’s default rules or your .prettierrc configuration.
Final Thoughts
With this setup, you can seamlessly format your code within Vim using Prettier, making your workflow more efficient and consistent. Happy coding!
Categories: How-To's, Technology howto, Indent, prettier, prettify, Pretty, Pretty Print, re-indent, reindent, tidy, tips, vim
Leave Your Comment
All fields marked with "*" are required.