前言
npm是一个非常重要的前端工具，可以管理和共享JavaScript模块。在大型项目中，使用模块化开发的方式可以提高项目的可维护性和重用性。ternup是一个npm包，它提供了一个自动补全插件，可以帮助我们更方便地完成我们的开发工作。下面是详细的使用教程。
安装ternup
在终端中执行以下命令进行安装：
npm install -g ternup
如果你使用的是yarn，请执行以下命令进行安装：
yarn global add ternup
配置ternup
在使用ternup之前，我们需要配置相应的编辑器插件。以VS Code为例，在插件面板中搜索Tern for VSCode安装插件。
然后，在你的项目根目录下创建一个名为 .tern-project 的文件：
-- -------------------- ---- -------
-
------- -
----------
--------
--
---------- -
------------- ---
------------ ---
--------- ---
------- --
--
-------------- -
---------
---------
-
-这里的libs字段指定了ternup使用的库文件，plugins字段表示使用的插件，loadEagerly字段表示指定的文件和目录应该在启动时立即加载。你可以根据你的项目需要进行配置。
使用ternup
在你的项目中，你可以使用以下命令启动ternup：
ternup /path/to/your/project
这个命令将在终端中启动一个服务器，然后在你的编辑器中，你可以通过Tern插件来调用它，从而获得自动补全功能。例如，在VS Code中，你可以使用快捷键：Ctrl + Shift + P 或者 F1，然后输入”Tern”来打开命令面板，选择”Start server”即可启动服务器。
ternup提供了一个非常强大的自动补全功能，它可以自动识别你的代码中的对象和函数，然后给出相关的属性和方法列表。例如，当你开始输入jQuery的$(“#myDiv”).cl的时候，它会给出一个列表，其中包含了相关的属性和方法，如下所示：
-- -------------------- ---- ------- ------------------- ------------------- --------------------- ---------------------- ----------------- ------------------ ---------------------- -------------------- ------------------ ------------------- -----------------
结论
npm包ternup提供了一个非常好用的自动补全插件，它可以显著地提高我们的开发效率。上面是使用ternup的详细教程，希望它对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562da81e8991b448e03d8