vue项目如何配置在npm run serve项目启动后,自动打开浏览器

6,064次阅读
没有评论

共计 559 个字符,预计需要花费 2 分钟才能阅读完成。

在 Vue 2.0 脚手架项目中,可以通过配置 npm 脚本来实现在运行 npm run serve 命令后自动打开浏览器。具体的步骤如下所示:

打开项目的 package.json 文件。
在 scripts 字段中找到 ”serve” 命令。
在 ”serve” 命令后添加一个参数–open 或 -o,用于在启动服务器后自动打开浏览器。
以下是一个示例的 package.json 配置:

{
  "scripts": {
    "serve": "vue-cli-service serve --open"
  }
}

在上述示例中,我们添加了参数–open 在 ”serve” 命令后面。这样,在运行 npm run serve 命令时,Vue 脚手架将自动打开默认的浏览器。

请注意,具体打开的浏览器取决于操作系统和默认浏览器的设置。如果希望使用特定的浏览器,可以将脚本进行适当的修改。例如,在 Windows 操作系统中,可以使用 start 命令指定浏览器的路径。

{
  "scripts": {
    "serve": "start chrome http://localhost:8080"
  }
}

以上示例中,我们使用了 Windows 上的 start 命令和 chrome 浏览器来打开指定的 URL。根据实际情况,你可以使用适合你的操作系统和浏览器的命令进行设置。

原文地址: vue 项目如何配置在 npm run serve 项目启动后,自动打开浏览器

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-07发表,共计559字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)