npm包:dora-plugin-opn 使用教程

介绍

dora-plugin-opn 是一个 dora 中间件,可以自动打开浏览器窗口并跳转到项目运行的地址。

安装

在您的 dora 项目根目录下使用 npm 进行安装:

--- ------- ---------------

使用

在您的 dora 配置文件中引入 dora-plugin-opn 并添加到 middlewares 中即可。以下是一个简单的 dora 配置文件示例:

----- --- - --------------------------

-------------- - -
  ------------ -
    -----
  -
-

配置项

dora-plugin-opn 可以接受一个可选的对象参数来进行自定义配置。

参数列表

参数名 类型 默认值 说明
target string '' 自定义打开的浏览器,在 Windows 中为应用的可执行文件名。
app string '' 自定义在指定浏览器中打开 URL 的命令。
callback func '' 打开成功后的回调函数。
wait boolean false 等待打开的浏览器进程结束后再执行回调函数,仅在 callback 存在时有效。
delay number 0 打开浏览器前等待的时间,单位毫秒。

例子

----- --- - --------------------------

----- ------- - -
  ------- ------------- -- -- ------ -----
  ---- --------- -- ----------- ---
  --------- -- -- -
    ----------------------
  --
  ----- ----- -- --------------
  ------ ---- -- -- - --------
-

------------- - -
  ------------ -
    ------------
  -
-

例子

----- --- - --------------------------

-------------- - -
  ------------ -
    -----
      ------- ------------- -- -- ------ -----
      ---- --------- -- ----------- ---
      --------- -- -- -
        ----------------------
      --
      ----- ----- -- --------------
      ------ ---- -- -- - --------
    --
  -
-

在运行 dora 之后,dora-plugin-opn 会自动打开您的默认浏览器并跳转到 http://localhost:8080 地址。如果您在配置文件中自定义了一些选项,插件将按照该选项进行打开。同时,如果打开浏览器成功,callback 函数将会被执行。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005581181e8991b448d5363


猜你喜欢

  • npm 包 @crabitrabbit/hutch 使用教程

    在前端开发中,我们经常需要使用各种各样的工具和框架,而 npm 作为前端开发中最重要的包管理工具之一,更是无法缺少的一部分。在这篇文章中,我们将会详细介绍并使用 @crabitrabbit/hutch...

    2 年前
  • npm 包 san-money 使用教程

    在前端开发中,处理货币是一个常见的问题。其中,格式化货币和数学计算都需要用到一些专业的方法。为了更加容易地完成这些任务,我们可以使用 npm 包 san-money 。

    2 年前
  • npm 包 @sasasamaes/platzom 使用教程

    前言 在前端开发中,我们经常会在项目中使用到各种 npm 包,而 @sasasamaes/platzom 这个 npm 包则是一个非常有意思的包,它可以将传入的字符串根据一定的规则进行转换,使得我们能...

    2 年前
  • npm包night-shift使用教程

    在前端开发中,我们经常需要进行颜色选择和调整,特别是在夜间开发时,亮度过高的颜色会给眼睛造成不适,影响工作效率。为此,有一款npm包——night-shift,它可以根据时间自动调整网页颜色亮度,帮助...

    2 年前
  • npm 包 inject-object 使用教程

    什么是 inject-object? 在前端开发中,我们有时需要动态地向一个对象中添加或修改属性。如果是一个简单的对象,我们可以使用 Object.assign() 或者 spread 操作符来实现。

    2 年前
  • NPM 包 sno-pack 使用教程

    在前端开发过程中,使用 NPM 包是非常常见的。Sno-pack 是一个基于 JavaScript 的工具,可以帮助我们快速构建、开发和测试 Web 应用程序。在本文中,我将为你介绍 Sno-pack...

    2 年前
  • npm 包 sno-person 使用教程

    随着前端技术的发展,越来越多的开发者开始使用 npm 包来帮助简化开发流程、提高开发效率。在这篇文章中,我们将介绍一个名为 sno-person 的 npm 包,用于处理人名的复数形式。

    2 年前
  • npm 包 validar-nit-gt 使用教程

    简介 npm 是全球最大的 JavaScript 软件包管理器,提供了许多开源的 JavaScript 包和工具,其中包括 validar-nit-gt。 validar-nit-gt 是一个用于验证...

    2 年前
  • 使用npm包snobject的基本教程

    snobject 是一个 npm 包,用于在 JavaScript 中实现面向对象的编程方法。它提供了一系列函数和工具,可以帮助我们更轻松地创建和管理对象,以及更好地组织我们的代码。

    2 年前
  • npm 包 copyfile 使用教程

    在前端开发过程中,复制文件是一项基本的任务。然而,手动复制文件的工作往往十分繁琐。若有个工具能自动化地帮我们复制文件,那将是一件非常有用的事情。 npm 包 copyfile 能够帮助我们自动化文件复...

    2 年前
  • npm 包 node-ttcp 使用教程

    简介 node-ttcp 是一个基于 Node.js 的 TCP 测试工具包,可以用于测试 TCP/IP 通信的网络延迟,带宽和吞吐量等性能指标。本文将为大家介绍如何使用这个工具包进行测试。

    2 年前
  • npm 包 @jsumners/require-self-ref 使用教程

    在前端开发中,使用 require 函数来引入外部模块是非常常见的操作。但是有些时候,我们需要在模块内部引用自身模块,这时就会出现模块无法解析的问题。 为了解决这个问题,开发者 jsumners 开发...

    2 年前
  • npm 包 @rokt33r/draft-js-export-html 使用教程

    简介 @rokt33r/draft-js-export-html 是基于 Draft.js 的 npm 包,可将已有的 Draft.js 文本转换为 HTML 格式。

    2 年前
  • npm 包 exit-zero-webpack-plugin 使用教程

    在前端开发中,Webpack 是一个非常重要的工具,它可以帮助我们创建模块化的应用程序。在使用 Webpack 进行编译打包的过程中,有时候我们希望在编译错误时顺利退出,以便于持续集成系统能够正确的处...

    2 年前
  • npm 包 express-anti-chain 使用教程

    express-anti-chain 是一个 Node.js 框架 Express 的中间件,它可以拦截常见的 XSS 和 CSRF 攻击。本文将为您介绍如何使用 express-anti-chain...

    2 年前
  • 使用 npm 包 perfoof-coffee-script 进行前端开发

    如果你是一名前端开发工程师,你一定知道 CoffeeScript ,这是一门将 JavaScript 简化的脚本语言,拥有更加优雅的语法和更简便的开发方式。但是,要想使用 CoffeeScript 进...

    2 年前
  • npm 包 single-gesture 使用教程

    在前端开发中,实现手势操作是一个重要的功能需求,而 npm 上的 single-gesture 包提供了一种轻量级、易于使用的方式来实现手势操作。本文将介绍 single-gesture 包的使用方法...

    2 年前
  • npm 包 @citycide/cz-conventional 使用教程

    1. 简介 @citycide/cz-conventional 是一个 npm 包,用于在 git commit 时规范化 commit message。该包按照 conventional commi...

    2 年前
  • npm 包 generator-api-express-docker 使用教程

    简介 generator-api-express-docker 是一个用于快速生成基于 Express 和 Docker 的 API 项目骨架的 npm 包。它可以生成基础的项目结构和 Express...

    2 年前
  • npm 包 vbl-side-bar-tabs 使用教程

    前言 作为一名前端开发者,我们要处理的任务非常多,其中包括构建 Web 应用程序,以及了解和使用各种工具和框架。在此过程中,我们不可避免地会遇到许多问题。不过,好在我们有一个庞大且活跃的社区,其中包括...

    2 年前

相关推荐

    暂无文章