npm包 ternup 使用教程

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

前言

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


猜你喜欢

  • npm 包 ts-list 使用教程

    前言 在前端开发中,我们使用的大量 JavaScript 代码可能会变得混乱不堪,随着代码规模的增长,代码的维护成本也会逐渐变高,这时可能会考虑使用 TypeScript 来增强代码的可维护性和开发效...

    3 年前
  • npm包grunt-gray-matter使用教程

    简介 grunt-gray-matter 是一个能够将文本文件中的元数据解析出来并将其用对象形式表示的 Grunt 插件。对于前端开发者来说,这个插件可以用于解析 Markdown 文件中的元数据,例...

    3 年前
  • npm包apollo-client-aws-ni使用教程

    简介 apollo-client-aws-ni是一个支持AWS AppSync服务的Apollo Client拓展。AWS AppSync是一种托管的GraphQL服务,它使您可以构建可扩展的实时应用...

    3 年前
  • NPM 包 Gulp-LiquidJS 使用教程

    介绍 在前端开发中,我们常常需要用到前端模板引擎来解决数据渲染的问题。而 LiquidJS 是一个轻量级的 JavaScript 模板引擎,而 Gulp 则是一个流式的自动化构建工具,可以帮助我们自动...

    3 年前
  • npm 包 object-plain-string 使用教程

    如果你是前端开发者,那么你一定会使用到各种各样的 npm 包来帮助你完成你的开发工作。其中,object-plain-string 是一个非常实用的 npm 包,它可以将 JavaScript 对象转...

    3 年前
  • npm 包 ethereumjs-devp2p-webrtc 使用教程

    随着区块链技术的不断发展,以太坊作为一种基于区块链的开源代码平台,被越来越多的开发者所关注和使用。在以太坊开发中,devp2p 协议扮演了非常重要的角色,它提供了节点之间通信的基础设施。

    3 年前
  • npm 包 @ethereal-soft/react-native-permissions 使用教程

    在移动应用开发中,授权是一个必须要考虑的问题,对于 RN 而言,@ethereal-soft/react-native-permissions 这个 npm 包提供了一种简单的方式来请求系统权限。

    3 年前
  • npm 包 @woolson/logger 使用教程

    简介 @woolson/logger 是一个简单易用的前端日志打印工具,能够快速帮助前端开发人员在浏览器控制台中输出日志信息,方便开发过程中的调试和问题排查。本文将介绍如何在项目中使用 @woolso...

    3 年前
  • npm 包 `basiq-api` 使用教程

    在前端开发过程中,我们常常需要向后端请求数据,操作数据库等等。而在请求数据这一环节中,使用 npm 包可以方便地实现对数据的增删改查,其中 basiq-api 是一款优秀的 npm 包,让我们来一起学...

    3 年前
  • npm 包 wxyz-core 使用教程

    前言 wxyz-core 是一个 npm 包,它是一组可重用的前端组件和工具,它们可以帮助开发者简化前端应用程序的开发过程。在这篇文章中,我们将介绍 wxyz-core 的使用教程,包含详细的介绍、使...

    3 年前
  • npm 包 dev-injector 使用教程

    在前端开发中,经常需要使用一些第三方库或者框架。要使用这些库或者框架,通常需要将其引入到项目中。在引入的同时,我们需要将其添加到 HTML 文件中。虽然这个过程很简单,但是当我们需要引入多个库或者框架...

    3 年前
  • npm 包 bunyan-ssh 使用教程

    介绍 bunyan-ssh 是一个基于 Node.js 与 ssh2 模块设计的轻量级 SSH 远程日志收集工具,可以将服务器上的日志实时传输到本地进行收集和监控。

    3 年前
  • npm 包 braph 使用教程

    简介 在前端开发中,图表是我们经常需要用到的一种数据展示形式。braph 是一个基于 D3.js 的可视化图表库,具有丰富的图表类型,如条形图、饼图、力导向图等,并提供了灵活的配置选项和交互方式,可以...

    3 年前
  • npm 包 bloomsky-prometheus-exporter 使用教程

    介绍 bloomsky-prometheus-exporter 是一个基于 Node.js 的 npm 包,可以将 BloomSky 天气 API 的数据导出为 Prometheus 格式。

    3 年前
  • npm 包 ea-logsqlite 使用教程

    本文将介绍如何使用 npm 包 ea-logsqlite,该包是一个基于 Node.js 的模块,用于将应用程序日志存储在 SQLite 数据库中。 安装 可通过 npm 进行安装该模块: --- -...

    3 年前
  • npm 包 koa-architect 使用教程

    在前端开发中,Koa 是一款流行的 Node.js Web 框架。它的轻量级和简单易学的 API 使它成为了一个很好的选择。然而,使用 Koa 来构建和管理完整的 Web App 程序要求开发者具备更...

    3 年前
  • npm 包 medipass-react-select 使用教程

    介绍 medipass-react-select 是一个React Select组件的替代品,它具有更好的性能表现,扩展性和用户体验。此组件提供无限选项,异步加载选项,自定义选项渲染等功能。

    3 年前
  • npm 包 kushki-frontend-helper 使用教程

    Introduction 如果你是一个前端开发者,你可能已经听说过 npm,这是一个 node.js 包管理器,用于安装包和模块,可以大大简化我们的开发流程。而 kushki-frontend-hel...

    3 年前
  • npm 包 ng4-loading-overlay 使用教程

    现在的 Web 应用需要更快的浏览体验,而异步加载和异步渲染是实现这种体验的关键。然而,在所有的请求和响应中,用户只会关心内容是否正在加载。为此,前端工程师需要学会使用一些工具来实现页面显示加载过程。

    3 年前
  • npm 包 @allinsonmota/platzom 使用教程

    简介 @allinsonmota/platzom 是一个基于 JavaScript 的 npm 包,它可以让你对西班牙语单词进行转换,例如: "Programar" 转换为 "Program" + ...

    3 年前

相关推荐

    暂无文章