如何为 Angular 2 应用程序设置默认浏览器

Question

我正在尝试使用 VSCode 编辑器构建 Angular 2 应用程序。在我的机器上，默认浏览器是 IE。当我运行 npm start 它在 IE 中启动应用程序。但我想在 Chrome 中启动我的应用程序。

如何更改此行为以启动 Chrome 而不是使用 npm start 的 IE？

Answer 1

如果您使用 VS_Code 作为您的 IDE，请前往 .vs > vscode > launch.json 检查以下内容。

{
  "type": "chrome",
  "request": "launch",
  "name": "Launch Chrome against localhost",
  "url": "http://localhost:PortNo",
  "webRoot": "${workspaceFolder}",

}

Answer 2

为此，转到运行视图 (Ctrl+Shift+D) 然后点击齿轮按钮创建一个启动。 json 调试器配置文件。从 Select 环境下拉列表中选择 Chrome。这将创建一个启动。

Answer 3

您可以尝试使用 package.json 作为默认浏览器的解决方法。查看 "scripts" 并找到 "start"。使用此代码段：

"start": "start {browser} http://{projectsite} && ng serve"

将 {browser} 作为您的首选浏览器（在本例中，使用 chrome），并将 {projectsite} 作为应用程序的启动站点（如果您没有更改任何测试的设置，仍然使用 localhost:4200).

如果你想测试它，使用npm start到运行这些命令。它应该在编译 angular 项目之前先启动浏览器，这样在切换到您的应用程序之前您会看到“找不到页面”。

Answer 4

只需转到 Google chrome 设置 -> 转到默认浏览器（见左侧） -> 点击设为默认 -> 然后搜索网络浏览器点击你看到的网络浏览器 chrome 只需点击（你会看到 chrome 现在是默认浏览器）-> 然后运行你的命令 ng s -o

如何为 Angular 2 应用程序设置默认浏览器

How to set the default browser for a Angular 2 application

visual-studio-code

vscode-settings

angular