免费AI编程助手
Tauri 创建一个极简的前端
2023-10-17 14:39 更新
我们将创建一个极简的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>以上内容是否对您有帮助：
更多建议：