Flutter web 体验

环境

• Dart 环境
• Flutter
• Flutter_web

IDE

• Visual Studio Code
• IntelliJ

创建项目

以IntelliJ为例：

image.png

1. Create New Project
2. Dart
3. Flutter Web App
4. flutter packages get 获取依赖

运行

webdev serve 来启动服务，

image.png

根据提示我们打开：http://127.0.0.1:8080 后即可见到运行结果。

问题：

webdev

flutter pub global activate webdev 来获取webdev

lutter/.pub-cache/bin/webdev: line 7: dart: command not found

配置环境dart-sdk

第三方依赖无法获取

pub get

Material Icon不显示

在web/assets目录下创建FontManifest.json文件

[
  {
    "family": "MaterialIcons",
    "fonts": [
      {
        "asset": "https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2"
      }
    ]
  }
]