【问题标题】:How to open atom html code on browser(chrome)如何在浏览器(chrome)上打开atom html代码
【发布时间】:2019-01-02 19:00:44
【问题描述】:

我在尝试通过 atom 文本编辑器在 Google chrome 中运行我的代码时遇到了很多问题。我安装了一个说“在浏览器中打开”的包,但是它打开了我的媒体文件,导致错误。我确实获得了实时预览,但我也想在常规浏览器上查看我的代码结果。 谢谢你的帮助。

【问题讨论】:

  • 脚本包试过了吗?它解决了你的问题吗?

标签: google-chrome browser atom-editor


【解决方案1】:

> 使用任何浏览器正常打开文件

  • 导航到 Atom 文本编辑器设置 > ctrl + , > 安装 > 在浏览器中打开 > 点击安装

  • 安装后导航到左侧窗格中的文件 > 右键单击​​ >

>实时打开文件并在使用 chrome 浏览器编辑时查看更改

  • 导航到 Atom 文本编辑器设置 > ctrl + , > 安装 > atom-live-server

  • 然后在您的项目文件夹中创建一个扩展名为
    .atom-live-server.json

  • 的文件
  • 在您创建的文件夹中粘贴以下详细信息

对于 OSX 下的 Chrome,你需要的块是:

// .atom-live-server.json
{
  "browser": "google chrome"
}

对于 Windows 下的 Chrome:

// .atom-live-server.json

    {
      "browser": "chrome"
    }

【讨论】:

    【解决方案2】:

    您可以使用https://atom.io/packages/script 的 Atom 包“脚本”通过命令script:run 运行 HTML 以及许多其他语言。

    【讨论】:

      【解决方案3】:

      右键单击项目选项卡下的 index.html 文件,单击“复制完整路径”,然后打开 chrome 并将其粘贴到顶部的地址栏中。

      【讨论】:

        猜你喜欢
        • 2023-03-26
        • 1970-01-01
        • 2013-12-26
        • 2017-01-28
        • 2017-02-24
        • 2013-07-14
        • 2016-07-21
        • 2014-04-22
        • 2014-07-10
        相关资源
        最近更新 更多