Prettier.nvim 使用教程

最新推荐文章于 2024-12-22 11:10:08 发布

姬忆慈Loveable

最新推荐文章于 2024-12-22 11:10:08 发布

阅读量1k

点赞数 10

本文链接：https://blog.csdn.net/gitblog_00989/article/details/141739005

版权

Prettier.nvim 使用教程

prettier.nvimPrettier plugin for Neovim's built-in LSP client.项目地址:https://gitcode.com/gh_mirrors/pr/prettier.nvim

项目介绍

Prettier.nvim 是一个为 Neovim 内置 LSP 客户端提供的 Prettier 插件。Prettier 是一个代码格式化工具，支持多种文件类型，如 JavaScript、CSS、HTML 等。通过集成到 Neovim 中，开发者可以在编辑器内直接格式化代码，提高编码效率和代码质量。

项目快速启动

安装

首先，确保你已经安装了 Neovim 0.5.0 或更高版本。然后使用你喜欢的插件管理器安装以下插件：

使用 vim-plug

Plug 'neovim/nvim-lspconfig'
Plug 'jose-elias-alvarez/null-ls.nvim'
Plug 'MunifTanjim/prettier.nvim'

使用 packer.nvim

use 'neovim/nvim-lspconfig'
use 'jose-elias-alvarez/null-ls.nvim'
use 'MunifTanjim/prettier.nvim'

配置

在 Neovim 配置文件中（通常是 init.vim 或 init.lua），添加以下配置：

local prettier = require("prettier")

prettier.setup({
  bin = 'prettier',  -- 或者 'prettierd' (v0.23.3+)
  filetypes = {
    "css",
    "graphql",
    "html",
    "javascript",
    "javascriptreact",
    "json",
    "less",
    "markdown",
    "scss",
    "typescript",
    "typescriptreact",
    "yaml"
  }
})

使用

在正常模式下，你可以使用以下快捷键格式化代码：

nmap <Leader>f <Plug>(prettier-format)

在可视模式下，使用以下快捷键格式化选中的代码：

xmap <Leader>f <Plug>(prettier-format)

应用案例和最佳实践

应用案例

假设你正在开发一个 React 项目，使用 Neovim 作为你的主要编辑器。你可以通过 Prettier.nvim 插件在保存文件时自动格式化代码，确保代码风格一致。

最佳实践

配置文件：确保项目根目录下有 .prettierrc 配置文件，以便 Prettier 知道如何格式化你的代码。
自动格式化：在 Neovim 配置中添加自动格式化命令，例如在保存文件时自动执行格式化：
```
vim.api.nvim_exec([[
  autocmd BufWritePre * :Prettier
]], false)
```
快捷键：自定义快捷键以适应你的工作流程，例如使用 <Leader>p 作为格式化快捷键。