vim代碼整理與補齊設置
发表于 ： 2026年 4月 24日 12:49
vim如何安裝prettier插件？
代码： 全选
在 Vim 中安裝 Prettier，最常見且推薦的方式是透過 **coc.nvim** (支援 LSP 功能) 或 **vim-prettier** (專門的插件)。
以下為你整理的兩種主流安裝方案：
---
### 方案一：使用 coc.nvim (推薦，功能最強大)
如果你希望 Vim 像 VS Code 一樣擁有強大的自動補全和插件支援，這是首選。
1. **安裝插件管理器：** (以 [vim-plug](https://github.com/junegunn/vim-plug) 為例)
在你的 `.vimrc` 中加入：
```vim
call plug#begin()
Plug 'neoclide/coc.nvim', {'branch': 'release'}
call plug#end()
```
2. **安裝 Prettier 擴展：**
打開 Vim 並執行以下指令：
```vim
:CocInstall coc-prettier
```
3. **配置自動儲存格式化：**
在 `.vimrc` 中加入這行，即可在儲存時自動美化代碼：
```vim
command! -nargs=0 Prettier :call CocAction('runCommand', 'prettier.formatFile')
```
---
### 方案二：使用 vim-prettier (輕量、專注)
如果你不想要 coc.nvim 那麼重的框架，可以直接安裝這個專屬插件。
1. **安裝插件：**
在 `.vimrc` 中加入：
```vim
call plug#begin()
" 需要先安裝好 node.js 與 npm
Plug 'prettier/vim-prettier', { 'do': 'yarn install --frozen-lockfile --production' }
call plug#end()
```
2. **基本配置：**
你可以設置在儲存時自動執行，或針對特定檔案格式開啟：
```vim
" 儲存時自動格式化
let g:prettier#autoformat = 1
" 儲存時不彈出錯誤視窗
let g:prettier#autoformat_config_present = 1
```
---
### 核心差異對照表
| 特性 | coc-prettier | vim-prettier |
| :--- | :--- | :--- |
| **依賴** | 需要 Node.js + coc.nvim | 需要 Node.js |
| **速度** | 非常快 (非同步執行) | 較快 |
| **設定** | 整合在 CocConfig 中 | 透過 Vim 全域變數設定 |
| **適用對象** | 已經在使用 coc.nvim 的開發者 | 只想要單純 Prettier 功能的人 |
---
### 💡 小提醒
在使用這些插件之前，請確保你的系統已經安裝了 **Node.js**。
* **手動執行指令：** 安裝完成後，你通常可以在命令模式輸入 `:Prettier` 來手動美化目前的檔案。
* **配置文件：** 插件會自動讀取你專案根目錄下的 `.prettierrc` 配置文件。
你要處理的是前端專案（如 React/Vue），還是單純的 HTML/CSS 練習呢？這會影響我推薦你的細節配置。