Tauri操作实战(1)-环境准备

570 阅读3分钟

前言

主观因素

  • 实际业务处理数据中台相关内容、结合看到的之前工作经历的落地的应用场景、以及实际工作里面开源的如powerdesignerPdman等工具,应用主体略有不同,偏重点基本划分了管理、设计、弱化数据库ddl等问题
  • 一直以来一直有尝试从库、服务、显示有尝试,但偏重点不同之前有用codesmith处理过相关从库到前端的整项目生成,强调的是整体性。再到后来React antd 封装 crud固化常规组件Seed项目、服务端基础Seed项目强调的是前后端接口级的便捷性,随着现在数据库、前端、服务端的多样性,诉求变成了灵活性和语言无关性,即可以根据实际项目情况进行组合、但仍然维持其流程化,此处不谈低代码,中看不中用
  • 作为一个资深工程男、对工具的选择往往对绿色版、选择联网情有独钟,另外本着积极进步的思路,我瞄准了Tauri、至于为啥没选electron的原因,主要考虑夹带多、运行时问题,另外就是Rust后浪的问题
  • 往往懂得越多越敬畏,懂的越少越张扬,基本是属于我新环境的新认知,好吧又欺负我没常识,实在是厌倦了实际开发功能就要耗费很久的时间在联调上。
  • 最重要的是,搞软件的,只要不学习、不进步35的红线时时刻刻在拷问我、再加上现在遍地都是浮躁情绪、认为搞技术的就是个工具人、管理才是最终的归宿如果不是热爱,什么能支撑我走向技术的终点

客观因素

  • 技术体系多态化、个体的精力难以为继,而且各类语言的甄别要求越来越严重、对人的门槛反而越来越低
  • 项目的快餐化,导致技术死水化越来越严重、换来的直接后果就是加班再加班
  • 为了少加班、多学习、多点儿精力做现阶段有意义的事情,工具的开发必须得行动起来了

目标Flag

  • 验证相关风险点
  • 初步设想是尽量节省工作中的

阶段目标

  • show me the code run起来
  • runst和deno、WebAssembly 擦除不一样的火花
  • 验证我设想的便捷的powerdesioner,目的让表设计变得更轻松,服务及页面模板、数据构造、字典自动分析等功效更便捷、最重要的是,客户端局域网互通、【网页版有规划,但不是主体】

环境准备

前置安装(Windows)安装:

  1. 系统依赖:visualstudio.microsoft.com/zh-hans/vis…,下载后选择使用C++的桌面开发进行安装。【如果你C#/C++起手,这步可以忽略】
  2. Rust:win.rustup.rs/x86_64 、win.rustup.rs/i686
  3. WebView2:developer.microsoft.com/en-us/micro…

注:安装后按照提示配置环境变量,配置重启终端来检测(rustc -V)环境变量是否配置成功

image.png

yarn create tauri-app 
//OR 
npx create-tauri-app

image.png

image.png

image.png 运行

tauri dev 
 //Updating crates.io index 会卡很久

要解决卡很久的问题 参考

image.png

# 放到 `$HOME/.cargo/config` 文件中
[source.crates-io]
#registry = "https://github.com/rust-lang/crates.io-index"

# 替换成你偏好的镜像源
replace-with = 'ustc'
#replace-with = 'sjtu'

# 清华大学
[source.tuna]
registry = "https://mirrors.tuna.tsinghua.edu.cn/git/crates.io-index.git"

# 中国科学技术大学
[source.ustc]
registry = "git://mirrors.ustc.edu.cn/crates.io-index"

# 上海交通大学
[source.sjtu]
registry = "https://mirrors.sjtug.sjtu.edu.cn/git/crates.io-index"

# rustcc社区
[source.rustcc]
registry = "git://crates.rustcc.cn/crates.io-index"

接着的坑 image.png

//
"dev": " npm run tauri:serve & npm run serve"

因为这个命令不会结束,所以通过并行命令其实无法生效 image.png

//下载工具包
npm install concurrently -D
//更改命令
"dev": " concurrently \"npm run tauri:serve\"  \"npm run serve\""
//执行
npm run dev

成效

image.png

总结

如果各位大佬也看过我之前的文章内容,不难发现,教程本着工科生的精神、有明确规划进行某项功能进行处理,包着技术实战的外衣,有序的进行着某个设想、这次也不例外 PS:关注不迷路!!!