Flutter Web 项目 创建 web_app 练习项目

flutter_web 环境配置

下载 官网稳定版本 Flutter SDK ，配置环境变量
你可以去参考 环境搭建和环境变量配置
Flutter_for_web 环境搭建: https://blog.csdn.net/qq_35905501/article/details/90021762
运行官网 helloworld 你可以参考
运行官方hello_world示例代码

以下创建flutter_web 项目应用官网 stable 稳定版本SDK ，添加 web 支持工具，
安装webdev工具
使用命令行进行安装 flutter packages pub global activate webdev， 如果安装不了，请科学上网再试。

webdev命令会下载以下这些包：（需要一点时间）

下载flutter_web源码 并 创建自己的web_app

打开git客户端，输入 git clone https://github.com/flutter/flutter_web.git，或者在其它git下载工具中输入git目录。

创建练习项目 web_app 工程目录，拷贝 flutter_web 源码中的 pubspec.yaml 文件 （examples/hello_world/pubspec.yaml）到 web_app根目录，修改 name ： web_app

拷贝 源码里面的 packages 文件到 web_app 根目录

在终端 执行 flutter pub get 和 pub get ,配置 flutter_web SDK, 并创建出 .dart_tool 文件夹。

在工程目录下创建 web 文件夹，添加 index.html 和 main.dart 文件，

再创建 lib 工程code文件夹 lib 文件夹
添加 main.dart 文件，

再终端输入 webdev serve ，输出如下表示成功，浏览器输入 127.0.0.1：8080 既可以看到 web_app 页面