如何在NvChad中为NX单体仓库配置Angular语言服务器

一、适配NX仓库的LSP配置 #

NX单体仓库需要精准识别项目根目录，调整以下配置即可让Angular语言服务器正常工作：

-- 继承NvChad的LSP基础配置
local on_attach = require("nvchad.configs.lspconfig").on_attach
local on_init = require("nvchad.configs.lspconfig").on_init
local capabilities = require("nvchad.configs.lspconfig").capabilities

local lspconfig = require "lspconfig"
local util = require("lspconfig.util")

-- 配置基础LSP服务
local servers = { "html", "cssls", "tsserver" }
for _, lsp in ipairs(servers) do
  lspconfig[lsp].setup {
    on_attach = on_attach,
    on_init = on_init,
    capabilities = capabilities,
  }
end

-- Angular语言服务器适配NX的配置
lspconfig.angularls.setup {
  on_attach = on_attach,
  on_init = on_init,
  capabilities = capabilities,
  -- 同时匹配NX的project.json和标准Angular的angular.json，确保子项目也能触发LSP
  root_dir = util.root_pattern("project.json", "angular.json"),
  -- 开启NX的代码生成支持
  settings = {
    angular = {
      enableSchematicsSupport = true,
    },
  },
}

关键说明：

• root_dir的多文件匹配规则，解决NX仓库下多子项目的根目录识别问题
• enableSchematicsSupport优化NX环境下的代码补全与生成体验

二、语言服务器的正确安装方式 #

两种方式二选一即可，推荐用Mason统一管理：

方式1：Mason安装（推荐） #

1. 打开Neovim，输入:Mason打开面板
2. 搜索angular-language-server，按i完成安装
3. Mason会自动配置服务器路径，无需手动设置cmd参数

方式2：全局NPM安装 #

若Mason安装后出现兼容性问题，可尝试全局安装依赖：

npm install -g @angular/language-server @angular/core typescript

注意：必须同时安装@angular/core和typescript，确保语言服务器能找到兼容的依赖版本。

内容的提问来源于stack exchange，提问作者iMe