<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[尝试 使用  tauri开发 Klang windows桌面版本]]></title><description><![CDATA[<p dir="auto">tauri是基于rust的类似electron 跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以开发Android，iphone，window，mac，linux图形应用系统。</p>
<p dir="auto">他执行速度快，体积小。</p>
<h3>1、 安装 node，这里不详细介绍步骤</h3>
<p dir="auto">去nodejs 下载windows版本安装即可<br />
<a href="https://nodejs.org/en/" rel="nofollow ugc">https://nodejs.org/en/</a></p>
<h3>2、 安装rust</h3>
<p dir="auto">在Windows环境 访问 <a href="https://www.rust-lang.org/tools/install%E3%80%82%E4%BC%9A%E5%87%BA%E7%8E%B032%E4%BD%8D%E5%92%8C64%E4%BD%8D%E9%80%89%E6%8B%A9%EF%BC%8C%E5%8F%AF%E4%BB%A5%E9%80%89%E6%8B%A964%E4%BD%8D%E3%80%82" rel="nofollow ugc">https://www.rust-lang.org/tools/install。会出现32位和64位选择，可以选择64位。</a></p>
<p dir="auto"><a href="https://static.rust-lang.org/rustup/dist/x86_64-pc-windows-msvc/rustup-init.exe" rel="nofollow ugc">https://static.rust-lang.org/rustup/dist/x86_64-pc-windows-msvc/rustup-init.exe</a></p>
<h3>3、上面都安装后，执行 下面的命令</h3>
<pre><code>npm create tauri-app
</code></pre>
<p dir="auto">选择第一个 纯 HTML, CSS, and JavaScript。</p>
<p dir="auto">按照 提示</p>
<pre><code>cd  projectdir
npm install
npm run tauri dev
</code></pre>
<h3>4、编译成安装包</h3>
<pre><code>npm run tauri build
</code></pre>
<p dir="auto">出现 wix311-binaries.zip 下载不了的情况，请使用下面的方法解决。</p>
<p dir="auto">方案一、</p>
<p dir="auto">编辑时下载info: Downloading <a href="https://github.com/wixtoolset/wix3/releases/download/wix3112rtm/wix311-binaries.zip" rel="nofollow ugc">https://github.com/wixtoolset/wix3/releases/download/wix3112rtm/wix311-binaries.zip</a></p>
<p dir="auto">如果下载不了可手动下载并解压到项目<br />
my-app-tauri\src-tauri\WixTools目录</p>
<p dir="auto">方案二、<br />
C:\Users\username\AppData\Local\tauri\WixTools<br />
注意是将 wix311-binaries.zip 解压后的文件复制到 WixTools目录下，不要带有 wix311-binaries 目录。</p>
<h3>5、没有框架如何解决模版问题？</h3>
<p dir="auto">5.1 什么是模版问题<br />
网页开发的时候，会遇到 公共的头和尾问题。也就是上面的菜单栏都是相同的，尾部也是。这类问题一般都是用框架解决。<br />
node 里 swig 库可以解决 模版问题。 所以这里要借助 gulp来 解决。</p>
<p dir="auto">5.2 将swig放在gulp里面</p>
<pre><code>npm install gulp -g
npm link gulp
npm install gulp-swig -save
</code></pre>
<p dir="auto">5.3 配置 gulpfile.js</p>
<pre><code>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, );
</code></pre>
<p dir="auto">这样每次编辑的网页源代码都存放在html目录。<br />
修改后 执行 gulp命令，将代码输出到 dist目录。</p>
<p dir="auto">tauri 默认会从  dist获取网页来显示。</p>
]]></description><link>http://localhost:4567/topic/35/尝试-使用-tauri开发-klang-windows桌面版本</link><generator>RSS for Node</generator><lastBuildDate>Mon, 18 May 2026 11:16:19 GMT</lastBuildDate><atom:link href="http://localhost:4567/topic/35.rss" rel="self" type="application/rss+xml"/><pubDate>Sun, 14 Aug 2022 02:59:56 GMT</pubDate><ttl>60</ttl></channel></rss>