什么是 ngls？
ngls 是一个用于 Angular 应用程序的语言服务，它提供了代码补全、定义跳转、重构和错误检测等功能。它使用 TypeScript 编写，并具有良好的可扩展性。
ngls 提供了一个可重复使用的库，它可以在 Angular 应用程序中使用，并且可以与各种编辑器和 IDE 一起使用。它还提供了一个命令行工具，可以在终端中使用。
如何安装？
你可以使用 npm 在你的应用程序中安装 ngls：
npm install ngls --save-dev
如何使用？
在 Visual Studio Code 中使用
安装 Visual Studio Code。
在 Visual Studio Code 中打开你的 Angular 应用程序项目。
打开 “Extensions” 面板。
在搜索栏中搜索 “ngls”，然后安装。
等待安装完成后，重新启动 Visual Studio Code。
打开你的 Angular 组件文件。
按下 “Ctrl + Shift + P” 打开命令面板。
在命令面板中搜索 “TypeScript: Select TypeScript Version”。
选择 “Use workspace Version”。
执行 “ngls” 命令，ngls 语言服务将启动并连接到项目。
在其他编辑器和 IDE 中使用
ngls 可以与其他编辑器和 IDE 一起使用。以下是示例配置：
Sublime Text 3
安装 Sublime LSP。
在你的项目中创建一个名为 “.sublime-project” 的文件。
将下面的配置添加到 “.sublime-project” 文件中：
-- -------------------- ---- -------
-
----------
-
-
------------------ -----
------- ---
-
--
-----------
-
------
-
----------
-
---------- ---------
------------- -------------
--------- ------------- --------------
----------- -
--------------------------------------------
-------------------------------------------
-
-
-
-
-保存 “.sublime-project” 文件，并使用 Sublime Text 3 打开它。
按下 “Ctrl + Shift + P”，然后选择 “LSP: Enable Language Server Globally”。
Vim
安装 LanguageClient-neovim 插件。
将下面的配置添加到 “~/.vimrc” 文件中：
let g:LanguageClient_serverCommands = {
\ 'angular': ['ngls'],
\ }
autocmd BufRead,BufNewFile *.ts let b:LanguageClient_id = 'angular'打开你的 Angular 组件文件。
执行 “:LanguageClientStart”。
ngls 语言服务将启动并连接到项目。
如何扩展？
ngls 是一个可扩展的语言服务。你可以编写自己的插件来增强功能。以下是示例代码：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - --------------- ------------------ - ---- -------
-------------
------ ----- -------- -
------------------------- ---------------- -
------ -
-
------ -------------
----- ----------------------------
------- --- ----------
-------------- ----- -- -- ----------
-
--
-
-在你的 Angular 应用程序中注册插件：
-- -------------------- ---- -------
------ - -------- - ---- --------------
------ - ------------- - ---- -------
-----------
---------- -
---------
-
-------- --------------
------ -----
------------ --------
-
--
--
------ ----- --------- - -总结
ngls 是一个用于 Angular 应用程序的语言服务，它提供了代码补全、定义跳转、重构和错误检测等功能。它可以与各种编辑器和 IDE 一起使用，并具有良好的可扩展性。本文介绍了如何安装和使用 ngls，以及如何编写自己的插件。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d5481e8991b448db1a4