在Android Studio中为现有Flutter（安卓/iOS）项目添加Web及桌面支持

嘿，完全理解你的想法——既然稳定性不是首要顾虑，那咱们直接把Web和桌面支持给你的Flutter项目安排上！下面是一步步的实操指南，包括一些实验性的玩法：

• 先确保你的Flutter版本是较新的（稳定版早已支持Web，老项目建议先执行flutter upgrade升级）
• 打开终端，进入你的项目根目录，执行这条命令添加Web平台支持：

  flutter create --platforms web .
  

  注意末尾的.，代表在当前项目目录下添加，而不是新建项目
• 等待命令执行完成后，直接用flutter run -d chrome就能启动Web端预览了
• 如果需要打包生产版本，执行flutter build web，最终的Web产物会放在build/web目录下，直接部署到静态服务器就行

桌面端现在稳定版也已全面支持，但不同系统需要先搞定一些前置依赖：

Windows #

• 先安装Visual Studio 2022，安装时必须勾选「桌面开发使用C++」这个工作负载（包含必要的编译工具链）
• 进入项目根目录，执行：

  flutter create --platforms windows .
  

• 启动Windows端：flutter run -d windows
• 打包可执行文件：flutter build windows，产物在build/windows/x64/runner/Release目录下

macOS #

• 需要Xcode 13.4或更高版本，同时安装Command Line Tools（终端执行xcode-select --install即可安装）
• 进入项目根目录，执行：

  flutter create --platforms macos .
  

• 启动macOS端：flutter run -d macos
• 打包应用：flutter build macos，产物在build/macos/Build/Products/Release目录下，可以直接打包成dmg分发

Linux #

• 先安装必要的编译依赖，终端执行：

  sudo apt-get install clang cmake ninja-build pkg-config libgtk-3-dev liblzma-dev
  

• 进入项目根目录，执行：

  flutter create --platforms linux .
  

• 启动Linux端：flutter run -d linux
• 打包应用：flutter build linux，产物在build/linux/x64/release/bundle目录下

如果还想尝鲜更前沿的跨平台特性（比如桌面端的窗口管理优化、Web端的性能新特性），可以切换到Flutter的开发预览频道：

• 终端执行flutter channel dev（或者flutter channel master，master分支更新更频繁）
• 然后执行flutter upgrade更新到最新预览版
• 之后再按照上面的步骤添加平台支持，就能体验一些还未正式发布的功能

小提醒 #

因为你不在乎稳定性，可能会遇到部分第三方插件不支持Web/桌面的情况——这时候可以先注释掉相关插件代码，先跑通基础功能，之后再找适配的替代插件，或者自己写简单的平台适配层。

内容的提问来源于stack exchange，提问作者Lirdverld Sharlock