Angular2快速入门指南中使用lite-server打开非默认浏览器

JS

使用lite-server是一个方便快捷的方式来开发和调试Angular2应用程序。默认情况下，lite-server会在默认浏览器中打开应用程序。然而，有时候我们可能需要在特定的浏览器中打开应用程序，这就需要进行一些额外的配置。

配置lite-server打开非默认浏览器

要配置lite-server打开非默认浏览器，我们需要修改bs-config.JSon文件。这个文件位于项目根目录下，用于配置lite-server的行为。

首先，我们需要找到"browser"字段，该字段默认为null。我们需要将其修改为我们想要的浏览器的可执行文件的路径。例如，如果我们想要使用Chrome浏览器，我们可以将"browser"字段修改为：

"browser": "C:/Program Files/Google/Chrome/Application/Chrome.exe"

注意，路径需要指向你的机器上实际存在的浏览器可执行文件。

接下来，我们还需要找到"open"字段。该字段默认为true，表示lite-server会在启动时自动打开浏览器。我们需要将其修改为false，以便手动控制是否打开浏览器。修改后的配置如下：

"open": false

保存修改后的bs-config.JSon文件，并重新启动lite-server。现在，lite-server将不再自动打开浏览器。

手动打开非默认浏览器

要手动打开非默认浏览器，我们可以使用命令行参数来指定要使用的浏览器。在启动lite-server时，我们可以使用--browser参数，后面跟着浏览器的可执行文件路径。例如，要在Chrome浏览器中打开应用程序，我们可以运行以下命令：

lite-server --browser "C:/Program Files/Google/Chrome/Application/Chrome.exe"

这将启动lite-server，并在指定的Chrome浏览器中打开应用程序。

示例代码

下面是一个使用lite-server打开非默认浏览器的示例代码：

bs-config.JSon文件内容：

JSon
{
  "port": 3000,
  "server": {
    "baseDir": "./dist"
  },
  "browser": "C:/Program Files/Google/Chrome/Application/Chrome.exe",
  "open": false
}

命令行启动lite-server：

lite-server --browser "C:/Program Files/Google/Chrome/Application/Chrome.exe"

通过以上配置和命令，我们可以方便地在非默认浏览器中打开我们的Angular2应用程序，以便进行开发和调试。这为我们提供了更大的灵活性和便利性，使我们能够更好地满足项目的需求。