06_[nvim0.5+从0单排]_Native LSP 自动补全、语法检查、code action、代码段—TypeScript篇

视频与目录 项目值教程目录https://blog.csdn.net/lxyoucan/article/details/120641546视频全屏https://www.bilibili.com/video/BV19T4y1Z7VB/视频 06_[nvim0.5+从0单排]_Native LSP 自动补全、语法检查、code action、代码段—TypeScript篇

本文地址： https://blog.csdn.net/lxyoucan/article/details/120632264

大家好，我是ITKEY欢迎来到nvim0.5+从0单排系列第6期。 本期以TypeScript为例，把nvim打造成一个功能强大的IDE。

版本

nvim 版本必须在 0.5.0以上，低版本是不支持Native LSP的。低版本想实现类似的效果可以使用neoclide/coc.nvim插件。

核心插件安装

--Nvim LSP 客户端的快速入门配置
use "neovim/nvim-lspconfig"
use {
"hrsh7th/nvim-cmp",
requires = {
"hrsh7th/cmp-nvim-lsp", --neovim 内置 LSP 客户端的 nvim-cmp 源
--以下插件可选，可以根据个人喜好删减
"onsails/lspkind-nvim", --美化自动完成提示信息
"hrsh7th/cmp-buffer", --从buffer中智能提示
"hrsh7th/cmp-nvim-lua", --nvim-cmp source for neovim Lua API.
"octaltree/cmp-look", --用于完成英语单词
"hrsh7th/cmp-path", --自动提示硬盘上的文件
"hrsh7th/cmp-calc", --输入数学算式（如1+1=）自动计算
"f3fora/cmp-spell", --nvim-cmp 的拼写源基于 vim 的拼写建议
"hrsh7th/cmp-emoji", --输入: 可以显示表情
}
}

-- 代码段提示
use {
"L3MON4D3/LuaSnip",
requires = {
"saadparwaiz1/cmp_luasnip", -- Snippets source for nvim-cmp
"rafamadriz/friendly-snippets" --代码段合集
}
}

typescript-language-server安装

首先需要安装node.js，安装方法可以参考：https://blog.csdn.net/lxyoucan/article/details/120466390

npm安装方式：

npm i -g typescript typescript-language-server

yarn安装方式：

yarn global add typescript typescript-language-server

lspconfig 配置

新增配置文件

~/.config/nvim/after/plugin/lspconfig.rc.vim

文件内容如下：

if !exists('g:lspconfig')
  finish
endif
lua