语言服务器扩展指南
正如您在程序化语言功能主题中看到的，可以通过直接使用 languages.* API 来实现语言功能。然而，语言服务器扩展提供了一种实现此类语言支持的替代方法。
本主题
- 解释了语言服务器扩展的优点。
- 引导您使用
Microsoft/vscode-languageserver-node库构建语言服务器。您也可以直接跳转到 lsp-sample 中的代码。
为什么选择语言服务器？
语言服务器是一种特殊的 Visual Studio Code 扩展，为许多编程语言提供编辑体验。通过语言服务器，您可以实现自动完成、错误检查（诊断）、跳转到定义以及 VS Code 中支持的许多其他语言功能。
然而，在 VS Code 中实现语言功能支持时，我们发现了三个常见问题
首先，语言服务器通常以其本机编程语言实现，这给将其与具有 Node.js 运行时的 VS Code 集成带来了挑战。
此外，语言功能可能占用大量资源。例如，为了正确验证文件，语言服务器需要解析大量文件，为它们构建抽象语法树并执行静态程序分析。这些操作可能会导致大量的 CPU 和内存使用，我们需要确保 VS Code 的性能不受影响。
最后，将多个语言工具与多个代码编辑器集成可能需要付出巨大的努力。从语言工具的角度来看，它们需要适应具有不同 API 的代码编辑器。从代码编辑器的角度来看，它们不能期望语言工具提供任何统一的 API。这使得在 N 个代码编辑器中实现 M 种语言的语言支持成为 M * N 的工作量。
为了解决这些问题，微软指定了 语言服务器协议，该协议规范了语言工具和代码编辑器之间的通信。这样，语言服务器可以用任何语言实现，并在自己的进程中运行以避免性能成本，因为它们通过语言服务器协议与代码编辑器通信。此外，任何符合 LSP 的语言工具都可以与多个符合 LSP 的代码编辑器集成，任何符合 LSP 的代码编辑器都可以轻松地使用多个符合 LSP 的语言工具。LSP 对语言工具提供商和代码编辑器供应商来说都是双赢的！
在本指南中，我们将
- 解释如何使用提供的 Node SDK 在 VS Code 中构建语言服务器扩展。
- 解释如何运行、调试、记录和测试语言服务器扩展。
- 向您指出一些关于语言服务器的高级主题。
实现语言服务器
概述
在 VS Code 中，语言服务器分为两部分
- 语言客户端：用 JavaScript / TypeScript 编写的普通 VS Code 扩展。此扩展可以访问所有 VS Code 命名空间 API。
- 语言服务器：在单独进程中运行的语言分析工具。
如上所述，在单独进程中运行语言服务器有两个好处
- 分析工具可以用任何语言实现，只要它能按照语言服务器协议与语言客户端通信。
- 由于语言分析工具通常会占用大量 CPU 和内存，因此在单独进程中运行它们可以避免性能开销。
这是 VS Code 运行两个语言服务器扩展的图示。HTML 语言客户端和 PHP 语言客户端是使用 TypeScript 编写的普通 VS Code 扩展。它们都实例化了一个相应的语言服务器，并通过 LSP 与其通信。尽管 PHP 语言服务器是用 PHP 编写的，但它仍然可以通过 LSP 与 PHP 语言客户端通信。
本指南将教您如何使用我们的 Node SDK 构建语言客户端/服务器。文档的其余部分假设您熟悉 VS Code 扩展 API。
LSP 示例 - 一个用于纯文本文件的简单语言服务器
让我们构建一个简单的语言服务器扩展，该扩展为纯文本文件实现自动完成和诊断。我们还将介绍客户端/服务器之间配置的同步。
如果您想直接跳转到代码
- lsp-sample：本指南的详细文档源代码。
- lsp-multi-server-sample：lsp-sample 的一个详细文档化的高级版本，它为每个工作区文件夹启动一个不同的服务器实例，以支持 VS Code 中的多根工作区功能。
克隆存储库 Microsoft/vscode-extension-samples 并打开示例
> git clone https://github.com/microsoft/vscode-extension-samples.git
> cd vscode-extension-samples/lsp-sample
> npm install
> npm run compile
> code .
上述操作安装所有依赖项并打开包含客户端和服务器代码的 lsp-sample 工作区。这是 lsp-sample 结构的大致概述
.
├── client // Language Client
│ ├── src
│ │ ├── test // End to End tests for Language Client / Server
│ │ └── extension.ts // Language Client entry point
├── package.json // The extension manifest
└── server // Language Server
└── src
└── server.ts // Language Server entry point
解释“语言客户端”
让我们首先看一下 /package.json，它描述了语言客户端的功能。其中有两个有趣的部分
首先，查看 configuration 部分
"configuration": {
"type": "object",
"title": "Example configuration",
"properties": {
"languageServerExample.maxNumberOfProblems": {
"scope": "resource",
"type": "number",
"default": 100,
"description": "Controls the maximum number of problems produced by the server."
}
}
}
此部分将 configuration 设置贡献给 VS Code。该示例将解释这些设置如何在启动时和每次设置更改时发送到语言服务器。
注意：如果您的扩展程序与 VS Code 1.74.0 之前的版本兼容，您必须在
/package.json的activationEvents字段中声明onLanguage:plaintext，以告诉 VS Code 在打开纯文本文件（例如扩展名为.txt的文件）时立即激活扩展程序。"activationEvents": []
实际的语言客户端源代码和相应的 package.json 位于 /client 文件夹中。/client/package.json 文件中有趣的部分是它通过 engines 字段引用 vscode 扩展主机 API 并添加了对 vscode-languageclient 库的依赖
"engines": {
"vscode": "^1.52.0"
},
"dependencies": {
"vscode-languageclient": "^7.0.0"
}
如前所述，客户端作为普通的 VS Code 扩展实现，并且它可以访问所有 VS Code 命名空间 API。
以下是相应的 extension.ts 文件的内容，它是 lsp-sample 扩展的入口点
import * as path from 'path';
import { workspace, ExtensionContext } from 'vscode';
import {
LanguageClient,
LanguageClientOptions,
ServerOptions,
TransportKind
} from 'vscode-languageclient/node';
let client: LanguageClient;
export function activate(context: ExtensionContext) {
// The server is implemented in node
let serverModule = context.asAbsolutePath(path.join('server', 'out', 'server.js'));
// The debug options for the server
// --inspect=6009: runs the server in Node's Inspector mode so VS Code can attach to the server for debugging
let debugOptions = { execArgv: ['--nolazy', '--inspect=6009'] };
// If the extension is launched in debug mode then the debug server options are used
// Otherwise the run options are used
let serverOptions: ServerOptions = {
run: { module: serverModule, transport: TransportKind.ipc },
debug: {
module: serverModule,
transport: TransportKind.ipc,
options: debugOptions
}
};
// Options to control the language client
let clientOptions: LanguageClientOptions = {
// Register the server for plain text documents
documentSelector: [{ scheme: 'file', language: 'plaintext' }],
synchronize: {
// Notify the server about file changes to '.clientrc files contained in the workspace
fileEvents: workspace.createFileSystemWatcher('**/.clientrc')
}
};
// Create the language client and start the client.
client = new LanguageClient(
'languageServerExample',
'Language Server Example',
serverOptions,
clientOptions
);
// Start the client. This will also launch the server
client.start();
}
export function deactivate(): Thenable<void> | undefined {
if (!client) {
return undefined;
}
return client.stop();
}
解释“语言服务器”
**注意：**从 GitHub 存储库克隆的“服务器”实现具有最终的演练实现。要按照演练进行操作，您可以创建一个新的
server.ts或修改克隆版本的内容。
在此示例中，服务器也用 TypeScript 实现并使用 Node.js 执行。由于 VS Code 已附带 Node.js 运行时，因此无需提供自己的运行时，除非您对运行时有特定要求。
语言服务器的源代码位于 /server。服务器 package.json 文件中有趣的部分是
"dependencies": {
"vscode-languageserver": "^7.0.0",
"vscode-languageserver-textdocument": "^1.0.1"
}
这会引入 vscode-languageserver 库。
以下是一个服务器实现，它使用提供的文本文档管理器，该管理器通过始终从 VS Code 向服务器发送增量差值来同步文本文档。
import {
createConnection,
TextDocuments,
Diagnostic,
DiagnosticSeverity,
ProposedFeatures,
InitializeParams,
DidChangeConfigurationNotification,
CompletionItem,
CompletionItemKind,
TextDocumentPositionParams,
TextDocumentSyncKind,
InitializeResult
} from 'vscode-languageserver/node';
import { TextDocument } from 'vscode-languageserver-textdocument';
// Create a connection for the server, using Node's IPC as a transport.
// Also include all preview / proposed LSP features.
let connection = createConnection(ProposedFeatures.all);
// Create a simple text document manager.
let documents: TextDocuments<TextDocument> = new TextDocuments(TextDocument);
let hasConfigurationCapability: boolean = false;
let hasWorkspaceFolderCapability: boolean = false;
let hasDiagnosticRelatedInformationCapability: boolean = false;
connection.onInitialize((params: InitializeParams) => {
let capabilities = params.capabilities;
// Does the client support the `workspace/configuration` request?
// If not, we fall back using global settings.
hasConfigurationCapability = !!(
capabilities.workspace && !!capabilities.workspace.configuration
);
hasWorkspaceFolderCapability = !!(
capabilities.workspace && !!capabilities.workspace.workspaceFolders
);
hasDiagnosticRelatedInformationCapability = !!(
capabilities.textDocument &&
capabilities.textDocument.publishDiagnostics &&
capabilities.textDocument.publishDiagnostics.relatedInformation
);
const result: InitializeResult = {
capabilities: {
textDocumentSync: TextDocumentSyncKind.Incremental,
// Tell the client that this server supports code completion.
completionProvider: {
resolveProvider: true
}
}
};
if (hasWorkspaceFolderCapability) {
result.capabilities.workspace = {
workspaceFolders: {
supported: true
}
};
}
return result;
});
connection.onInitialized(() => {
if (hasConfigurationCapability) {
// Register for all configuration changes.
connection.client.register(DidChangeConfigurationNotification.type, undefined);
}
if (hasWorkspaceFolderCapability) {
connection.workspace.onDidChangeWorkspaceFolders(_event => {
connection.console.log('Workspace folder change event received.');
});
}
});
// The example settings
interface ExampleSettings {
maxNumberOfProblems: number;
}
// The global settings, used when the `workspace/configuration` request is not supported by the client.
// Please note that this is not the case when using this server with the client provided in this example
// but could happen with other clients.
const defaultSettings: ExampleSettings = { maxNumberOfProblems: 1000 };
let globalSettings: ExampleSettings = defaultSettings;
// Cache the settings of all open documents
let documentSettings: Map<string, Thenable<ExampleSettings>> = new Map();
connection.onDidChangeConfiguration(change => {
if (hasConfigurationCapability) {
// Reset all cached document settings
documentSettings.clear();
} else {
globalSettings = <ExampleSettings>(
(change.settings.languageServerExample || defaultSettings)
);
}
// Revalidate all open text documents
documents.all().forEach(validateTextDocument);
});
function getDocumentSettings(resource: string): Thenable<ExampleSettings> {
if (!hasConfigurationCapability) {
return Promise.resolve(globalSettings);
}
let result = documentSettings.get(resource);
if (!result) {
result = connection.workspace.getConfiguration({
scopeUri: resource,
section: 'languageServerExample'
});
documentSettings.set(resource, result);
}
return result;
}
// Only keep settings for open documents
documents.onDidClose(e => {
documentSettings.delete(e.document.uri);
});
// The content of a text document has changed. This event is emitted
// when the text document first opened or when its content has changed.
documents.onDidChangeContent(change => {
validateTextDocument(change.document);
});
async function validateTextDocument(textDocument: TextDocument): Promise<void> {
// In this simple example we get the settings for every validate run.
let settings = await getDocumentSettings(textDocument.uri);
// The validator creates diagnostics for all uppercase words length 2 and more
let text = textDocument.getText();
let pattern = /\b[A-Z]{2,}\b/g;
let m: RegExpExecArray | null;
let problems = 0;
let diagnostics: Diagnostic[] = [];
while ((m = pattern.exec(text)) && problems < settings.maxNumberOfProblems) {
problems++;
let diagnostic: Diagnostic = {
severity: DiagnosticSeverity.Warning,
range: {
start: textDocument.positionAt(m.index),
end: textDocument.positionAt(m.index + m[0].length)
},
message: `${m[0]} is all uppercase.`,
source: 'ex'
};
if (hasDiagnosticRelatedInformationCapability) {
diagnostic.relatedInformation = [
{
location: {
uri: textDocument.uri,
range: Object.assign({}, diagnostic.range)
},
message: 'Spelling matters'
},
{
location: {
uri: textDocument.uri,
range: Object.assign({}, diagnostic.range)
},
message: 'Particularly for names'
}
];
}
diagnostics.push(diagnostic);
}
// Send the computed diagnostics to VS Code.
connection.sendDiagnostics({ uri: textDocument.uri, diagnostics });
}
connection.onDidChangeWatchedFiles(_change => {
// Monitored files have change in VS Code
connection.console.log('We received a file change event');
});
// This handler provides the initial list of the completion items.
connection.onCompletion(
(_textDocumentPosition: TextDocumentPositionParams): CompletionItem[] => {
// The pass parameter contains the position of the text document in
// which code complete got requested. For the example we ignore this
// info and always provide the same completion items.
return [
{
label: 'TypeScript',
kind: CompletionItemKind.Text,
data: 1
},
{
label: 'JavaScript',
kind: CompletionItemKind.Text,
data: 2
}
];
}
);
// This handler resolves additional information for the item selected in
// the completion list.
connection.onCompletionResolve(
(item: CompletionItem): CompletionItem => {
if (item.data === 1) {
item.detail = 'TypeScript details';
item.documentation = 'TypeScript documentation';
} else if (item.data === 2) {
item.detail = 'JavaScript details';
item.documentation = 'JavaScript documentation';
}
return item;
}
);
// Make the text document manager listen on the connection
// for open, change and close text document events
documents.listen(connection);
// Listen on the connection
connection.listen();
添加一个简单的验证
为了向服务器添加文档验证，我们向文本文档管理器添加了一个监听器，当文本文档的内容发生更改时，该监听器将被调用。然后由服务器决定何时是验证文档的最佳时机。在示例实现中，服务器验证纯文本文档并标记所有使用 ALL CAPS 的单词的出现。相应的代码片段如下所示
// The content of a text document has changed. This event is emitted
// when the text document first opened or when its content has changed.
documents.onDidChangeContent(async change => {
let textDocument = change.document;
// In this simple example we get the settings for every validate run.
let settings = await getDocumentSettings(textDocument.uri);
// The validator creates diagnostics for all uppercase words length 2 and more
let text = textDocument.getText();
let pattern = /\b[A-Z]{2,}\b/g;
let m: RegExpExecArray | null;
let problems = 0;
let diagnostics: Diagnostic[] = [];
while ((m = pattern.exec(text)) && problems < settings.maxNumberOfProblems) {
problems++;
let diagnostic: Diagnostic = {
severity: DiagnosticSeverity.Warning,
range: {
start: textDocument.positionAt(m.index),
end: textDocument.positionAt(m.index + m[0].length)
},
message: `${m[0]} is all uppercase.`,
source: 'ex'
};
if (hasDiagnosticRelatedInformationCapability) {
diagnostic.relatedInformation = [
{
location: {
uri: textDocument.uri,
range: Object.assign({}, diagnostic.range)
},
message: 'Spelling matters'
},
{
location: {
uri: textDocument.uri,
range: Object.assign({}, diagnostic.range)
},
message: 'Particularly for names'
}
];
}
diagnostics.push(diagnostic);
}
// Send the computed diagnostics to VS Code.
connection.sendDiagnostics({ uri: textDocument.uri, diagnostics });
});
诊断提示和技巧
- 如果起始位置和结束位置相同，VS Code 将用波浪线在那个位置的单词下划线。
- 如果想用波浪线一直划到行尾，那么将结束位置的字符设置为 Number.MAX_VALUE。
要运行语言服务器，请执行以下步骤
- 按下 ⇧⌘B (Windows, Linux Ctrl+Shift+B) 以启动构建任务。该任务会编译客户端和服务器。
- 打开“运行”视图，选择“启动客户端”启动配置，然后按下“开始调试”按钮以启动一个额外的 VS Code“扩展开发主机”实例，该实例执行扩展代码。
- 在根文件夹中创建一个 `test.txt` 文件，并粘贴以下内容
TypeScript lets you write JavaScript the way you really want to.
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
ANY browser. ANY host. ANY OS. Open Source.
“扩展开发主机”实例将如下所示
同时调试客户端和服务器
调试客户端代码就像调试普通扩展一样简单。在客户端代码中设置断点，然后按 F5 调试扩展。
由于服务器是由扩展（客户端）中运行的 LanguageClient 启动的，我们需要将调试器附加到正在运行的服务器。为此，切换到“运行和调试”视图，选择启动配置“附加到服务器”，然后按 F5。这将把调试器附加到服务器。
语言服务器的日志支持
如果您正在使用 vscode-languageclient 来实现客户端，您可以指定一个设置 [langId].trace.server，它会指示客户端将语言客户端/服务器之间的通信记录到语言客户端的 name 通道中。
对于 lsp-sample，您可以设置此设置："languageServerExample.trace.server": "verbose"。现在转到“语言服务器示例”通道。您应该看到日志
在服务器中使用配置设置
在编写扩展的客户端部分时，我们已经定义了一个设置来控制报告问题的最大数量。我们还在服务器端编写了代码，以从客户端读取这些设置
function getDocumentSettings(resource: string): Thenable<ExampleSettings> {
if (!hasConfigurationCapability) {
return Promise.resolve(globalSettings);
}
let result = documentSettings.get(resource);
if (!result) {
result = connection.workspace.getConfiguration({
scopeUri: resource,
section: 'languageServerExample'
});
documentSettings.set(resource, result);
}
return result;
}
现在我们唯一需要做的就是在服务器端监听配置更改，如果设置发生更改，则重新验证打开的文本文档。为了能够重用文档更改事件处理的验证逻辑，我们将代码提取到一个 validateTextDocument 函数中，并修改代码以遵循 maxNumberOfProblems 变量。
async function validateTextDocument(textDocument: TextDocument): Promise<void> {
// In this simple example we get the settings for every validate run.
let settings = await getDocumentSettings(textDocument.uri);
// The validator creates diagnostics for all uppercase words length 2 and more
let text = textDocument.getText();
let pattern = /\b[A-Z]{2,}\b/g;
let m: RegExpExecArray | null;
let problems = 0;
let diagnostics: Diagnostic[] = [];
while ((m = pattern.exec(text)) && problems < settings.maxNumberOfProblems) {
problems++;
let diagnostic: Diagnostic = {
severity: DiagnosticSeverity.Warning,
range: {
start: textDocument.positionAt(m.index),
end: textDocument.positionAt(m.index + m[0].length)
},
message: `${m[0]} is all uppercase.`,
source: 'ex'
};
if (hasDiagnosticRelatedInformationCapability) {
diagnostic.relatedInformation = [
{
location: {
uri: textDocument.uri,
range: Object.assign({}, diagnostic.range)
},
message: 'Spelling matters'
},
{
location: {
uri: textDocument.uri,
range: Object.assign({}, diagnostic.range)
},
message: 'Particularly for names'
}
];
}
diagnostics.push(diagnostic);
}
// Send the computed diagnostics to VS Code.
connection.sendDiagnostics({ uri: textDocument.uri, diagnostics });
}
配置更改的处理是通过向连接添加配置更改的通知处理程序来完成的。相应的代码如下所示
connection.onDidChangeConfiguration(change => {
if (hasConfigurationCapability) {
// Reset all cached document settings
documentSettings.clear();
} else {
globalSettings = <ExampleSettings>(
(change.settings.languageServerExample || defaultSettings)
);
}
// Revalidate all open text documents
documents.all().forEach(validateTextDocument);
});
再次启动客户端并将设置更改为最多报告 1 个问题，结果是以下验证
添加额外的语言功能
语言服务器通常实现的第一个有趣功能是文档验证。从这个意义上讲，即使是 linter 也算作语言服务器，在 VS Code 中，linter 通常实现为语言服务器（参见 eslint 和 jshint 作为示例）。但语言服务器的功能远不止这些。它们可以提供代码完成、查找所有引用或转到定义。下面的示例代码向服务器添加了代码完成功能。它建议了“TypeScript”和“JavaScript”这两个词。
// This handler provides the initial list of the completion items.
connection.onCompletion(
(_textDocumentPosition: TextDocumentPositionParams): CompletionItem[] => {
// The pass parameter contains the position of the text document in
// which code complete got requested. For the example we ignore this
// info and always provide the same completion items.
return [
{
label: 'TypeScript',
kind: CompletionItemKind.Text,
data: 1
},
{
label: 'JavaScript',
kind: CompletionItemKind.Text,
data: 2
}
];
}
);
// This handler resolves additional information for the item selected in
// the completion list.
connection.onCompletionResolve(
(item: CompletionItem): CompletionItem => {
if (item.data === 1) {
item.detail = 'TypeScript details';
item.documentation = 'TypeScript documentation';
} else if (item.data === 2) {
item.detail = 'JavaScript details';
item.documentation = 'JavaScript documentation';
}
return item;
}
);
data 字段用于在解析处理程序中唯一标识一个完成项。数据属性对协议是透明的。由于底层的消息传递协议是基于 JSON 的，因此 data 字段只能保存可以序列化为 JSON 和从 JSON 反序列化的数据。
所有缺少的是告诉 VS Code 服务器支持代码完成请求。为此，在初始化处理程序中标记相应的能力
connection.onInitialize((params): InitializeResult => {
...
return {
capabilities: {
...
// Tell the client that the server supports code completion
completionProvider: {
resolveProvider: true
}
}
};
});
下面的屏幕截图显示了在纯文本文件上运行的已完成代码
测试语言服务器
要创建高质量的语言服务器，我们需要构建一个涵盖其功能的良好测试套件。测试语言服务器有两种常见方式
- 单元测试：如果您想通过模拟发送到语言服务器的所有信息来测试语言服务器中的特定功能，这很有用。VS Code 的 HTML / CSS / JSON 语言服务器采用这种测试方法。LSP npm 模块也使用这种方法。有关使用 npm 协议模块编写的一些单元测试，请参见此处。
- 端到端测试：这类似于VS Code 扩展测试。这种方法的优点是它通过实例化一个带有工作区的 VS Code 实例、打开文件、激活语言客户端/服务器并运行VS Code 命令来运行测试。如果您有文件、设置或依赖项（例如
node_modules）难以或无法模拟，则此方法更优。流行的 Python 扩展采用这种测试方法。
您可以使用任何您选择的测试框架进行单元测试。这里我们描述如何对语言服务器扩展进行端到端测试。
打开 .vscode/launch.json，您可以找到一个 E2E 测试目标
{
"name": "Language Server E2E Test",
"type": "extensionHost",
"request": "launch",
"runtimeExecutable": "${execPath}",
"args": [
"--extensionDevelopmentPath=${workspaceRoot}",
"--extensionTestsPath=${workspaceRoot}/client/out/test/index",
"${workspaceRoot}/client/testFixture"
],
"outFiles": ["${workspaceRoot}/client/out/test/**/*.js"]
}
如果您运行此调试目标，它将启动一个 VS Code 实例，其中 client/testFixture 作为活动工作区。然后 VS Code 将继续执行 client/src/test 中的所有测试。作为调试提示，您可以在 client/src/test 中的 TypeScript 文件中设置断点，并且它们将被命中。
让我们看一下 completion.test.ts 文件
import * as vscode from 'vscode';
import * as assert from 'assert';
import { getDocUri, activate } from './helper';
suite('Should do completion', () => {
const docUri = getDocUri('completion.txt');
test('Completes JS/TS in txt file', async () => {
await testCompletion(docUri, new vscode.Position(0, 0), {
items: [
{ label: 'JavaScript', kind: vscode.CompletionItemKind.Text },
{ label: 'TypeScript', kind: vscode.CompletionItemKind.Text }
]
});
});
});
async function testCompletion(
docUri: vscode.Uri,
position: vscode.Position,
expectedCompletionList: vscode.CompletionList
) {
await activate(docUri);
// Executing the command `vscode.executeCompletionItemProvider` to simulate triggering completion
const actualCompletionList = (await vscode.commands.executeCommand(
'vscode.executeCompletionItemProvider',
docUri,
position
)) as vscode.CompletionList;
assert.ok(actualCompletionList.items.length >= 2);
expectedCompletionList.items.forEach((expectedItem, i) => {
const actualItem = actualCompletionList.items[i];
assert.equal(actualItem.label, expectedItem.label);
assert.equal(actualItem.kind, expectedItem.kind);
});
}
在此测试中，我们
- 激活扩展。
- 运行命令
vscode.executeCompletionItemProvider，带有一个 URI 和一个位置，以模拟完成触发。 - 根据我们预期的完成项断言返回的完成项。
让我们深入了解一下 activate(docURI) 函数。它在 client/src/test/helper.ts 中定义
import * as vscode from 'vscode';
import * as path from 'path';
export let doc: vscode.TextDocument;
export let editor: vscode.TextEditor;
export let documentEol: string;
export let platformEol: string;
/**
* Activates the vscode.lsp-sample extension
*/
export async function activate(docUri: vscode.Uri) {
// The extensionId is `publisher.name` from package.json
const ext = vscode.extensions.getExtension('vscode-samples.lsp-sample')!;
await ext.activate();
try {
doc = await vscode.workspace.openTextDocument(docUri);
editor = await vscode.window.showTextDocument(doc);
await sleep(2000); // Wait for server activation
} catch (e) {
console.error(e);
}
}
async function sleep(ms: number) {
return new Promise(resolve => setTimeout(resolve, ms));
}
在激活部分，我们
- 使用
{publisher.name}.{extensionId}获取扩展，如package.json中定义。 - 打开指定的文档，并在活动的文本编辑器中显示它。
- 休眠 2 秒，以确保语言服务器已实例化。
准备就绪后，我们可以运行与每个语言功能对应的 VS Code 命令，并断言返回的结果。
还有一项测试涵盖了我们刚刚实现的诊断功能。请在 client/src/test/diagnostics.test.ts 中查看。
高级主题
到目前为止，本指南涵盖了
- 语言服务器和语言服务器协议的简要概述。
- VS Code 中语言服务器扩展的架构
- lsp-sample 扩展，以及如何开发/调试/检查/测试它。
有一些更高级的主题我们无法在本指南中涵盖。我们将提供这些资源的链接，以便进一步学习语言服务器开发。
附加语言服务器功能
以下语言功能目前在语言服务器中受支持，并附带代码完成
- 文档高亮：高亮显示文本文档中所有“相等”的符号。
- 悬停：提供文本文档中选定符号的悬停信息。
- 签名帮助：提供文本文档中选定符号的签名帮助。
- 转到定义：为文本文档中选定的符号提供转到定义支持。
- 转到类型定义：为文本文档中选定的符号提供转到类型/接口定义支持。
- 转到实现：为文本文档中选定的符号提供转到实现定义支持。
- 查找引用：查找文本文档中选定符号的所有项目范围内的引用。
- 列出文档符号：列出文本文档中定义的所有符号。
- 列出工作区符号：列出所有项目范围内的符号。
- 代码操作：计算要运行的命令（通常是美化/重构），用于给定的文本文档和范围。
- CodeLens：计算给定文本文档的 CodeLens 统计信息。
- 文档格式化：包括整个文档、文档范围和输入时格式化。
- 重命名：对符号进行项目范围的重命名。
- 文档链接：计算并解析文档内部的链接。
- 文档颜色：计算并解析文档内部的颜色，以在编辑器中提供颜色选择器。
程序化语言功能主题描述了上述每种语言功能，并提供了如何通过语言服务器协议或直接使用扩展程序中的扩展 API 来实现它们的指导。
增量文本文档同步
本示例使用 vscode-languageserver 模块提供的简单文本文档管理器在 VS Code 和语言服务器之间同步文档。
这有两个缺点
- 数据传输量大，因为整个文本文档的内容会重复发送到服务器。
- 如果使用现有语言库，此类库通常支持增量文档更新，以避免不必要的解析和抽象语法树创建。
因此，该协议也支持增量文档同步。
要使用增量文档同步，服务器需要安装三个通知处理程序
- onDidOpenTextDocument：当 VS Code 中打开文本文档时调用。
- onDidChangeTextDocument：当 VS Code 中文本文档内容更改时调用。
- onDidCloseTextDocument：当 VS Code 中关闭文本文档时调用。
下面是一个代码片段，演示了如何将这些通知处理程序挂接到连接上，以及如何在初始化时返回正确的能力
connection.onInitialize((params): InitializeResult => {
...
return {
capabilities: {
// Enable incremental document sync
textDocumentSync: TextDocumentSyncKind.Incremental,
...
}
};
});
connection.onDidOpenTextDocument((params) => {
// A text document was opened in VS Code.
// params.uri uniquely identifies the document. For documents stored on disk, this is a file URI.
// params.text the initial full content of the document.
});
connection.onDidChangeTextDocument((params) => {
// The content of a text document has change in VS Code.
// params.uri uniquely identifies the document.
// params.contentChanges describe the content changes to the document.
});
connection.onDidCloseTextDocument((params) => {
// A text document was closed in VS Code.
// params.uri uniquely identifies the document.
});
/*
Make the text document manager listen on the connection
for open, change and close text document events.
Comment out this line to allow `connection.onDidOpenTextDocument`,
`connection.onDidChangeTextDocument`, and `connection.onDidCloseTextDocument` to handle the events
*/
// documents.listen(connection);
直接使用 VS Code API 实现语言功能
虽然语言服务器具有许多优点，但它们并不是扩展 VS Code 编辑功能的唯一选择。如果您想为某种文档类型添加一些简单的语言功能，请考虑使用 vscode.languages.register[LANGUAGE_FEATURE]Provider 作为选项。
这是一个使用 vscode.languages.registerCompletionItemProvider 为纯文本文件添加一些代码片段作为完成的completions-sample。
更多展示 VS Code API 用法的示例可以在 https://github.com/microsoft/vscode-extension-samples 上找到。
语言服务器的容错解析器
大多数情况下，编辑器中的代码是不完整且语法不正确的，但开发人员仍然希望自动完成和其他语言功能能够正常工作。因此，语言服务器需要一个容错解析器：解析器从部分完整的代码中生成有意义的 AST，语言服务器根据 AST 提供语言功能。
当我们在 VS Code 中改进 PHP 支持时，我们意识到官方 PHP 解析器不是容错的，不能直接在语言服务器中重用。因此，我们开发了 Microsoft/tolerant-php-parser，并留下了详细的注释，这可能有助于需要实现容错解析器的语言服务器作者。
常见问题
当我尝试附加到服务器时，我收到“无法连接到运行时进程（5000 毫秒后超时）”的错误？
如果您尝试附加调试器时服务器未运行，则会看到此超时错误。客户端启动语言服务器，因此请确保已启动客户端以使服务器正在运行。如果客户端断点干扰了服务器的启动，您可能还需要禁用它们。
我已经阅读了本指南和 LSP 规范，但我仍有未解决的问题。我可以在哪里获得帮助？
请在 https://github.com/microsoft/language-server-protocol 上提出问题。