如何在NeoVim(AstroNvim)中配置Vue+Pug的LSPServer及前端环境

一、让Volar LSP支持Vue组件内的Pug语法 #

• 第一步：安装项目依赖
  在项目根目录执行命令安装pug开发依赖：

  npm install pug --save-dev
  # 或使用yarn/pnpm
  yarn add pug -D
  pnpm add pug -D
  

• 第二步：配置Volar启用Pug支持
  在AstroNvim用户配置文件（通常为~/.config/nvim/lua/user/init.lua）中，添加或修改Volar的LSP配置：

  return {
    lsp = {
      servers = {
        volar = {
          filetypes = { "vue", "javascript", "typescript" },
          init_options = {
            vue = {
              template = {
                pugSupport = true
              }
            }
          }
        }
      }
    }
  }
  

• 第三步：安装Pug的Tree-sitter解析器
  在NeoVim中执行命令安装语法解析器：

  :TSInstall pug
  

  完成后重启NeoVim使配置生效。

二、修复Vue组件内