tauri 安装vue-devtools

要在Tauri中安装Vue Devtools，您可以按照以下步骤进行操作：

首先，确保您已经安装了Tauri CLI。如果没有，请运行以下命令进行安装：

npm install -g @tauri-apps/cli

创建一个新的Tauri项目，或者进入您已经存在的Tauri项目的目录。
在项目根目录下，打开 tauri.conf.js 文件，并找到 build 配置项。在 build 配置项中，添加以下内容：

{
  // ...
  build: {
    // ...
    tauri: {
      // ...
      embeddedServer: {
        active: true,
        // ...
        devPath: "http://localhost:8080",
        // ...
      },
    },
  },
}

在 embeddedServer 配置项中，将 active 设置为 true，并将 devPath 设置为你的Vue项目运行的开发服务器URL。

然后，在项目根目录下运行以下命令来安装Vue Devtools依赖：

npm install --save @tauri-apps/plugin-devtools

在 tauri.conf.js 文件中的 build 配置项中，添加以下内容：

{
  // ...
  build: {
    // ...
    tauri: {
      // ...
      embeddedServer: {
        // ...
        devPath: "http://localhost:8080",
        // ...
      },
      // ...
      plugins: [
        {
          name: "@tauri-apps/plugin-devtools",
          // ...
        },
      ],
    },
  },
}

确保您将 @tauri-apps/plugin-devtools 添加到 plugins 数组中。

最后，在项目根目录下运行以下命令来构建和运行Tauri应用程序：

tauri build

这将构建您的Tauri应用程序，并在本地运行它。在应用程序运行时，您可以使用Vue Devtools进行调试和查看Vue组件。

请注意，Vue Devtools只能在开发模式下使用，因此请确保您的Vue项目正在以开发模式运行。如果您还没有在开发模式下运行Vue项目，请使用以下命令启动Vue开发服务器：

npm run serve

然后，通过浏览器访问 http://localhost:8080 来查看您的Vue应用程序