企业官网建设流程全解析

汶上县住房和建设局网站,网站建设杭州最便宜,wordpress视频投票,字节跳动小程序开发平台前言 整个流程和tauri官网的差不多#xff0c;本篇只是记录一下自己的过程。主播是是个前端的小白#xff0c;写了个web工具想打包成exe直接在电脑上跑方便点#xff0c;所以主播的流程是官网快速开始-》创建项目中的第三小节使用 TauriCLI创建。 准备tauri环境 tauri官网…前言整个流程和tauri官网的差不多本篇只是记录一下自己的过程。主播是是个前端的小白写了个web工具想打包成exe直接在电脑上跑方便点所以主播的流程是官网快速开始-》创建项目中的第三小节使用 TauriCLI创建。准备tauri环境tauri官网地址打开项目主播用的ide是trae是基于vscode搞过来的不用ide也行整个过程只会用到其终端工具。这个工程是一个React框架的用Vite打包。你也可以直接用命令行打包。Build一下项目tauri打包要用到vite构造出来的文件的所以要先build一下项目。如果你的项目没有安装npm在终端cmd输入下面这个命令安装npm。npm install安装完成后输入npm run dev看看能不能预览这样就能预览了在浏览器输入http://localhost:3000/就可以看到了按CtrlC停下在终端输入npm run build构建项目。这样就构建完成了。在ide的文件夹列表可以看到dist文件夹给项目安装tauri环境在终端输入cmd命令npm install -D tauri-apps/clilatest这样就把tauri包下载到项目里了然后使用下面这个命令在终端初始化tauri的环境npx tauri init然后可以一路确定但是要注意的是web assets如果你是vite构造的话应对把build改为dist当然你也可以后面自己去配置文件里面去改下图是改好了的。使用tauri打包项目使用下面这个命令看看预览npx tauri dev等待命令结束就会弹出一个window窗口这个是预览tauri打包出来是什么样子的。可以在这里找到dev出来的exe文件确定没问题后就可以打包发行版了使用下面的命令打包发行版npx tauri build当然可能会遇到下面这个问题提示你包名不可用下面这个图框框靠上面的那个是tauri的打包配置下面那个框框是vite的打包配置具体的配置参数可以自己去官网找找,箭头所指的就是包名由于主播是自己用的工具所以主播随便改改就行了。改完后再运行一次下面的命令npx tauri build等待结束就可以在文件列表看到这个release文件夹了。