学习笔记：第一个Flutter web程序

最新推荐文章于 2024-05-01 15:13:26 发布

缤纷冷泪

最新推荐文章于 2024-05-01 15:13:26 发布

阅读量471

点赞数

分类专栏：学习笔记 flutter

本文链接：https://blog.csdn.net/holdsky/article/details/98941979

版权

这篇学习笔记详细介绍了如何配置Flutter Web环境，包括克隆仓库、安装构建工具，然后逐步指导创建并运行Hello World程序，包括配置依赖、获取升级和最终的运行步骤。

摘要由CSDN通过智能技术生成

文章目录

配置环境
- 克隆flutter web仓库
- 安装flutter web构建工具
Hello world

配置环境

克隆flutter web仓库

git clone https://github.com/flutter/flutter_web.git

安装flutter web构建工具

进入flutter web仓库目录，执行如下命令，安装构建工具

$ flutter pub global activate webdev

Hello world

配置依赖（可选）

如果没有采用git clone获取的flutter web，那么你可能需要做一些额外的配置。
flutter web目录下有一个example目录，进入该目录的hello_world项目目录
打开pubspec.yaml配置文件，在相应的地方设置如下配置

name: flutter_web.examples.hello_world

environment:
  # You must be using Flutter >=1.5.0 or Dart >=2.3.0
  sdk: '>=2.3.0-dev.0.1 <3.0.0'

dependencies:
  flutter_web: any
  flutter_web_ui: any

dev_dependencies:
  build_runner: ^1.4.0
  build_web_compilers: ^2.0.0

de