使用Tauri创建一个Vue界面的和rust的桌面程序

文章的链接建议点

请参考这章文章创建第一个Tauri项目 rust桌面应用程序_叠叠乐的博客-CSDN博客,这个文章不是用的vue,而是svelte

在开始之前,我使用的是yarn工具创建,不是npm 这意味着,我需要把yarn下载的模块加入环境变量,不然vue用不了,这里环境变量问题参考这里使用Yarn全局安装@vue/cli,无法执行vue命令的解决方案_yarn无法全局安装vue_自由堂的博客-CSDN博客

安装vue和vite命令 (我怕你们有问题,多下一个vite)

//yarn安装
yarn global add @vue/cli
//vue安装
yarn global add @vue/cli

请确保,nodejs 和rust的依赖都没有问题,参考这里创建第一个Tauri项目 rust桌面应用程序_叠叠乐的博客-CSDN博客

1.执行如下命令:

#ai 项目名字, vue模板  yarn包管理器
yarn create tauri-app ai --template vue --manager yarn

2.进入项目根目录, 执行命令

yarn install 

3.运行

yarn tauri dev

效果:

使用Tauri创建一个Vue界面的和rust的桌面程序_第1张图片

后面用ide打开写代码就好了 

作者的演示:

 放大图片看,后面图片一直在编译,编译好,自动弹出

使用Tauri创建一个Vue界面的和rust的桌面程序_第2张图片

你可能感兴趣的:(vue.js,前端,javascript)