在前端开发中，我们经常需要进行代码补全、语法高亮等操作。npm 包 ternrc 就是一个非常方便的工具，它可以为我们提供更好的代码编辑体验。本文将详细介绍 ternrc 的使用方法，包括配置文件的下载、安装和使用。
下载 ternrc 配置文件
首先，我们需要下载一个 ternrc 的配置文件。这个配置文件包含了一些常用的代码库，并可以让我们直接使用这些库的代码自动补全功能。
我们可以通过 npm 包管理工具来下载这个配置文件：
npm install -g tern-config
安装 ternrc 配置文件
下载完配置文件后，我们需要将其安装到我们的项目中。我们可以在项目的根目录中创建一个 .tern-project 文件，并将下载的配置文件加入该项目：
-- -------------------- ---- -------
-
------- -
----------
--------
--
---------- -
--------- ---
---------- --
-
-通过这个 .tern-project 文件，我们可以告诉 ternrc 我们的项目需要使用哪些库，并且启用哪些插件。在上面的例子中，我们告诉 ternrc 我们需要使用 browser 和 jquery 两个库，并启用两个插件以提供更好的代码补全体验。
配置编辑器
现在我们已经安装了 ternrc 配置文件，接下来我们需要将它与编辑器进行配置。我们可以在常用的编辑器中配置 ternrc，如 Sublime Text、Atom、VS Code 等。以 VS Code 为例，在设置中找到 JavaScript › Tern，并在 tern project path 中指定我们的 .tern-project 文件即可。
使用 ternrc
接下来，我们就可以开始使用 ternrc 了。在编辑器中打开一个 JS 文件，输入任意库的方法或属性，即可看到 ternrc 提供的自动补全功能。例如，我们输入 $，就可以看到可供选择的方法列表。
此外，ternrc 还提供了更多的功能，如查找方法或属性的定义，查找变量的使用情况等。这些功能可以帮助我们更快速地开发前端项目。
示例代码
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------- ----------
-------
------
------- -----------------------------------------------------------
--------
---------------------------- -
---------------------------- -
------------ ---------
---
---
---------
-------------------
-------
-------在这个示例中，我们使用了 jquery 库并绑定了一个点击事件。使用 ternrc 的自动补全功能，我们可以更方便地进行代码编辑。
结论
通过本文的介绍，我们了解了如何使用 ternrc 工具来提高我们的代码编辑体验。配置文件的下载、安装和使用都非常简单，而且 ternrc 还提供了很多有用的功能，让我们能够更快速地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005727c81e8991b448e8adf