Flutter搭建Web应用

Flutter需要1.5.4以上的版本，先升级一下：
切换到master分支：

flutter channel master

flutter upgrade

编译web端需要官方提供的工具flutter_web：

flutter pub global activate webdev

安装完成以后会有一个警告：

image.png

需要配置一下环境变量：

vim .bash_profile

export PATH="$PATH":"$HOME/flutter/.pub-cache/bin"

立即生效：

source .bash_profile

webdev在命令行敲一下看看安装成功没，如果报 flutter/.pub-cache/bin/webdev: line 7: dart: command not found，是因为dart-sdk环境没配置好：

image.png

再加一行：

export PATH=/Users/tuanshang/flutter/bin/cache/dart-sdk/bin:$PATH

flutter config --enable-web

VSCode里创建新项目，目录里会多一个web：

image.png

此时可以在设备里选择chrome进行调试：

image.png

或者在项目目录下执行：

flutter run -d chrome