尝试 使用 tauri开发 Klang windows桌面版本

[asmcos]

tauri是基于rust的类似electron 跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以开发Android，iphone，window，mac，linux图形应用系统。

他执行速度快，体积小。

1、 安装 node，这里不详细介绍步骤

去nodejs 下载windows版本安装即可
https://nodejs.org/en/

2、 安装rust

在Windows环境 访问 https://www.rust-lang.org/tools/install。会出现32位和64位选择，可以选择64位。

https://static.rust-lang.org/rustup/dist/x86_64-pc-windows-msvc/rustup-init.exe

3、上面都安装后，执行 下面的命令

npm create tauri-app

选择第一个 纯 HTML, CSS, and JavaScript。

按照 提示

cd  projectdir
npm install
npm run tauri dev

4、编译成安装包

npm run tauri build

出现 wix311-binaries.zip 下载不了的情况，请使用下面的方法解决。

方案一、

编辑时下载info: Downloading https://github.com/wixtoolset/wix3/releases/download/wix3112rtm/wix311-binaries.zip

如果下载不了可手动下载并解压到项目
my-app-tauri\src-tauri\WixTools目录

方案二、
C:\Users\username\AppData\Local\tauri\WixTools
注意是将 wix311-binaries.zip 解压后的文件复制到 WixTools目录下，不要带有 wix311-binaries 目录。

5、没有框架如何解决模版问题？

5.1 什么是模版问题
网页开发的时候，会遇到 公共的头和尾问题。也就是上面的菜单栏都是相同的，尾部也是。这类问题一般都是用框架解决。
node 里 swig 库可以解决 模版问题。 所以这里要借助 gulp来 解决。

5.2 将swig放在gulp里面

npm install gulp -g
npm link gulp
npm install gulp-swig -save

5.3 配置 gulpfile.js

const { src, dest, parallel } = require('gulp');
var swig = require('gulp-swig');

function html() {
  return src('./html/*.html')
    .pipe(swig())
    .pipe(dest('./dist'))
}

exports.html = html;
exports.default = parallel(html, );

这样每次编辑的网页源代码都存放在html目录。
修改后 执行 gulp命令，将代码输出到 dist目录。

tauri 默认会从 dist获取网页来显示。