Vue + JS + tauri 开发一个简单的PC端桌面应用程序

为了创建一个简单的桌面应用程序，我们需要以下步骤：

1. 安装Tauri工具和Vue CLI。
2. 创建一个Vue项目。
3. 集成Tauri。
4. 编写前端代码。
5. 构建并运行应用程序。

以下是具体步骤的示例代码：

# 安装Tauri工具
cargo install tauri-cli
 
# 安装Vue CLI
npm install -g @vue/cli
 
# 创建一个新的Vue项目
vue create my-tauri-app
 
# 进入项目目录
cd my-tauri-app
 
# 集成Tauri
tauri init
 
# 安装依赖
npm install

在src/main.js中，你可以写入基本的Vue代码来展示你的应用程序界面：

// src/main.js
import Vue from 'vue'
import App from './App.vue'
 
new Vue({
  render: h => h(App),
}).$mount('#app')

在src/App.vue中，添加一些基本的HTML来展示你的应用程序：

<!-- src/App.vue -->
<template>
  <div id="app">
    <h1>Hello, Tauri Desktop App!</h1>
  </div>
</template>
 
<script>
export default {
  name: 'App'
}
</script>
 
<style>
#app {
  text-align: center;
  margin-top: 60px;
}
</style>

最后，构建并运行你的Tauri应用程序：

# 构建Vue项目
npm run build
 
# 运行Tauri应用程序
tauri dev

这样，你就拥有了一个简单的桌面应用程序，它可以通过Tauri在桌面上运行Vue构建的前端界面。