大家今天跟大家伙儿聊聊我最近捣鼓的 Flutter 网页开发。之前一直用 Flutter 做 App，感觉挺顺溜的，这回想试试水，看看它在网页上表现咋样。你们也知道，我这人就喜欢折腾，啥新技术都想上手试试。

准备工作

你得有个能跑 Flutter 的环境。这玩意儿跟搭积木似的，得先把基础打我之前已经装好 Flutter SDK，所以这步就省。没装的朋友们，去官网下一个，按着教程一步步来，不难的。不过有一点要注意，它需要你电脑上有：

• Windows PowerShell 5.0 或者更新的版本（Windows 系统的话）。
• Git for Windows 2.x，记得在安装的时候，选那个“从 Windows 命令提示符使用 Git”的选项。这玩意儿，搞开发的基本都得用上。

创建项目

环境 OK ，咱就可以开始建项目。我用的是 Android Studio，这工具用习惯，感觉挺顺手的。打开 AS，创建一个新的 Flutter 项目。名字、描述啥的，随便填填就行，反正自己能看懂。然后就是改包名，这一步也挺关键的，以后发布的时候会用到。点 Finish，等一会儿，项目就创建好。

编译网页

项目有，接下来就是把它变成网页。这一步，Flutter 已经帮我们简化很多。在项目的终端里，敲上一行命令：flutter build web。然后，你就等着就行。Flutter 会自动帮你把代码转换成网页能识别的格式。这个过程可能会有点长，具体得看你电脑的性能。我那老爷机，就跑好一会儿。

上传到服务器

编译完，会生成一个 build 文件夹，里面就是网页的全部文件。下一步，就是把这些文件丢到服务器上。我用的是 FileZilla，一个免费的 FTP 工具，挺好用的。连上服务器，把 build 文件夹里的东西，一股脑儿全传上去就行。前提是你得有个服务器，还得知道服务器的地址、用户名和密码啥的。这些，就得你自己去搞定。

上传成功后，你就可以直接通过服务器ip进行网页访问，是不是很简单？

总结

这一通折腾下来，感觉 Flutter 网页开发还挺有意思的。虽然中间也遇到一些小坑，但总体来说还是比较顺利的。Flutter 这种“一套代码，多端运行”的理念，确实能省不少事儿。以后再做项目，又多一个选择。这回只是初步尝试，还有很多东西需要深入研究。等以后有啥新发现，再来跟大家分享！

这回就说到这儿。大家伙儿有啥问题，或者有啥好的经验，都可以在下面留言交流。一起学习，一起进步嘛