使用Fitten code解决问题day1

# Question

为什么已经下载了谷歌浏览器并且已经成功将谷歌浏览器设置为默认浏览器，也在vscode的live server中将谷歌浏览器设置为custom browser中的默认打开浏览器，但是在vscode中用open with the live server打开html文件时，首先会弹出windows无法访问指定设备、路径和文件，然后会自动用猎豹浏览器打开我的html文件，我该如何解决这一问题，我想默认用谷歌浏览器打开html文件

# Answer

出现这种情况可能是由于以下几个原因导致的：

1. **系统默认浏览器设置问题**：尽管你已经将谷歌浏览器设置为默认浏览器，但系统可能存在其他设置或软件干扰，导致默认浏览器设置被覆盖。

2. **Live Server插件配置问题**：虽然你在VSCode的Live Server插件中设置了谷歌浏览器为默认浏览器，但可能存在配置错误或插件本身的bug。

3. **猎豹浏览器的干扰**：猎豹浏览器可能安装了某些工具或插件，导致它优先于其他浏览器打开链接。

解决这一问题的步骤如下：

### 1. 检查系统默认浏览器设置

确保系统默认浏览器设置正确：

- 打开“设置” -> “应用” -> “默认应用” -> “Web 浏览器”，确保选择的是谷歌浏览器。

### 2. 检查Live Server插件配置

确保Live Server插件配置正确：

- 打开VSCode，进入设置（快捷键 `Ctrl + ,`）。

- 搜索“Live Server”，找到“Live Server: Custom Browser”选项，确保设置为“chrome”或“google chrome”。

### 3. 卸载或禁用猎豹浏览器

如果猎豹浏览器干扰了默认浏览器的设置，可以尝试卸载或禁用猎豹浏览器：

- 打开“设置” -> “应用” -> “应用和功能”，找到猎豹浏览器，选择卸载或禁用。

### 4. 重启VSCode和系统

有时候，重启VSCode和系统可以解决一些临时性的配置问题。

### 5. 检查系统环境变量

确保系统环境变量中指向的浏览器路径正确：

- 打开“系统属性” -> “高级系统设置” -> “环境变量”。

- 检查“Path”变量中是否包含谷歌浏览器的安装路径。

### 6. 使用命令行启动

如果上述方法都无效，可以尝试使用命令行启动Live Server：

- 打开VSCode的终端（快捷键 `Ctrl + `）。

- 输入以下命令启动Live Server：

  ```bash

  live-server --browser="chrome"

  ```

通过以上步骤，你应该能够解决默认使用谷歌浏览器打开HTML文件的问题。如果问题依然存在，建议检查是否有其他软件或插件干扰了默认浏览器的设置。

# Question

打开终端的快捷键是什么

# Answer

在 Visual Studio Code (VSCode) 中，打开终端的快捷键是：

- Windows 和 Linux 系统：`Ctrl + ``（反引号，通常位于键盘左上角，与波浪号 `~` 共享一个键）

- macOS 系统：`Cmd + ``（反引号）

使用这个快捷键可以快速打开集成在 VSCode 中的终端，方便进行命令行操作。

# Question

它说无法将live-server项识别

# Answer

如果你在终端中输入 `live-server --browser="chrome"` 时遇到“无法将 live-server 项识别”的错误，这通常意味着 `live-server` 没有正确安装或没有添加到系统的 PATH 环境变量中。以下是解决这个问题的步骤：

### 1. 确认 Live Server 插件已安装

首先，确保你已经在 VSCode 中安装了 Live Server 插件。

- 打开 VSCode。

- 点击左侧活动栏中的扩展图标（四个方块组成的图标）。

- 搜索“Live Server”，确保它已安装并启用。

### 2. 全局安装 Live Server

如果你希望在终端中直接使用 `live-server` 命令，你需要全局安装它。你可以使用 npm（Node Package Manager）来完成这一操作。

#### 安装 Node.js 和 npm

如果你还没有安装 Node.js 和 npm，可以从 [Node.js 官方网站](https://nodejs.org/) 下载并安装。

#### 全局安装 Live Server

打开终端（VSCode 中使用快捷键 `Ctrl + `` 或 `Cmd + ``），然后输入以下命令：

```bash

npm install -g live-server

```

这将会全局安装 `live-server`，使其在任何地方都可以通过命令行使用。

### 3. 检查 PATH 环境变量

确保 npm 全局安装的包路径已经添加到系统的 PATH 环境变量中。

#### Windows

- 打开“系统属性” -> “高级系统设置” -> “环境变量”。

- 在“系统变量”中找到 `Path`，点击“编辑”。

- 确保包含 npm 全局安装包的路径（通常是 `C:\Users\<你的用户名>\AppData\Roaming\npm`）已经添加到 `Path` 变量中。

#### macOS 和 Linux

- 打开终端，输入以下命令查看 npm 全局安装包的路径：

  ```bash

  npm bin -g

  ```

- 确保这个路径已经添加到你的 `~/.bashrc` 或 `~/.zshrc` 文件中。例如：

  ```bash

  export PATH=$PATH:/path/to/npm/global/bin

  ```

- 保存文件并运行 `source ~/.bashrc` 或 `source ~/.zshrc` 使其生效。

### 4. 使用 Live Server 启动 HTML 文件

现在你应该可以在终端中使用 `live-server` 命令启动 HTML 文件了。例如：

```bash

live-server --browser="chrome"

```

这将启动 Live Server 并使用谷歌浏览器打开你的 HTML 文件。

通过以上步骤，你应该能够解决“无法将 live-server 项识别”的问题，并在终端中使用 `live-server` 命令。