flutter for web入门

1.安装环境

flutter pub global activate webdev
flutter pub global run webdev
配置webdev环境变量
export PATH="$PATH":"$HOME/Documents/flutter/environment/flutter/.pub-cache/bin"
配置dart-sdk环境变量
export PATH="$PATH":"$HOME/Documents/flutter/environment/flutter/bin/cache/dart-sdk/bin"

2.拉取官网测试demo，并执行

git clone https://github.com/flutter/flutter_web.git
cd flutter_web/examples/hello_world
flutter pub global run webdev serve

如果错误，请检查是否将dart-sdk添加到环境变量，以及webdev环境变量。
如果一切正常，服务会正常启动，如下图所示。

image.png image.png

修改lib目录下代码，验证下效果：

image.png image.png

3.dart编译相关

dart-sdk的bin目录下，有dart、dart2js、dartdevc、pub、dartanalyzer。
dart2js: 为了部署环境而生成优化的精简的代码。使用dart2js工具将Dart代码编译为可部署的JavaScript。
dartdevc: 它提供渐进式编译和热启动。你可以编辑Dart文件，在Chrome中刷新，并立即查看文件修改后的结果。dartdevc只编译更新的模块，而不是编译应用所依赖的所有软件包。
.pub-cache的bin目录下，有webdev。