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