FlowUs 使用攻略：如何快速制作 Web 应用（PWA）

最近在寻找 Notion 的替代品过程中，我发现了 FlowUs.虽然是后起之秀，但不是唯 Notion 亦步亦趋。

FLowUs 有两个很重要的特性打动了我。

FlowUs 虽香，但是目前缺少桌面客户端。作为在线文档，是否有客户端对于我而言并不太重要。然而，为了更好地聚焦当前工作区页面，我并不想看见书签、插件或者其他标签页等分散注意力的元素。为此，我便想为 FLowUs 制作一个 Web 应用（PWA）满足我的需求。

在正式介绍 *** 作步骤之前，简单介绍一些什么是 Web 应用（PWA）. PWA 这是由谷歌提出的 Web 应用概念，全称是 Progressive Web App｜渐进式网页应用，可以为用户提供可靠、快速、类似 Native 应用的服务方案，具有可被发现、易安装、渐进式、可重用等优点。

以下我以 Chrome 浏览器为例，展示生成 Web 应用（PWA）的 *** 作过程

1.使用 Chrome 浏览器或者 Edge 浏览器打开 FlowUs 官网

2.1 选择右上角设置，如果显示“在 FlowUs 中打开”，那么点击即可生成 Web 应用。如果没有这个显示，请按照下列流程进行 *** 作：

2.2 选择右上角的 设置 → 更多工具 → 创建快捷方式

3.随后在d出的对话框中，将“在窗码蠢口中打开”进行勾选。随后，基于 Chrome 浏览器技术的 Web 应用（PWA）便会保存至你的应用程序文件夹，你也可以从应用仪表盘看见 FlowUs 的图标。

4.1 点击 FlowUs 的图标，你便可以在独立的窗口中打开 FlowUs.

4.2 建议使用快捷键 Command + Shift + F, 便可以实现全屏效果。如图。

5.现在尽管可以使用，但是图标不太好看。为了和 Mac 应用图标保持一致，我打算迟搏陪调整 FlowUs 的图标。

5.1 使用工具，生成 Mac 图标专有的 ICNS 格式。解决办法，使用专门的工具，比如 Image2Icon，或者在搜索引擎中使用关键词 “PNG to ICNS” 寻找图片格式在线转换工具。

5.2 打开 Chrome 应用 程序文件夹，找到 FlowUs。使用快捷键 Command + I 打开应用简介，然后直接将 ICNS 图标拖到简介左上角的图标处，便实现了图标更换。

最终效果如图。银数

根据官启慧简方文档介绍：Blazor 是一个用于使用 .NET 生成交互式客户端 Web UI 的框架。这个框架类悄裤似于当下比较热门的 React、Vue 等前端框架，但不同的是，Blazor 可以让我们使用 C# 代替 JavaScript 来创建丰富的交互式网页。这样一来，ASP.Net 程序员可以快速变身全碧源栈程序员，对于 .Net 开发人原来说，使用 Blazor 框架有以下优势：

Blazor 拥有现代流行的 Web 框架的功能和优点：

并且还支持与 JavaScript 互 *** 作，可以使用丰富的第三方 JS 库，C# 代码可以调用到 JavaScript 代码，而 JavaScript 代码可以调用到 C# 代码。

对于 .Net 程序员来说，Blazor 上手非常容易，打开 Visual Studio 2019 使用模板创建一个 Blazor 项目：

---