Tauri 创建一个极简的前端
我们将创建一个极简的HTML文件,作为我们示例应用程序的前端。我们稍后还将在我们的WebDriver测试中使用该前端的一些内容。
首先,让我们创建一个Tauri的distDir,我们知道一旦构建应用程序的Tauri部分,我们将需要它。运行mkdir dist会在其中创建一个名为dist/的新目录,我们将在其中放置以下index.html文件。
dist/index.html
:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Hello Tauri!</title>
<style>
body {
/* Add a nice colorscheme */
background-color: #222831;
color: #ececec;
/* Make the body the exact size of the window */
margin: 0;
height: 100vh;
width: 100vw;
/* Vertically and horizontally center children of the body tag */
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<h1>Hello, Tauri!</h1>
</body>
</html>