Flutter_for_web 环境搭建
简介
昨天Google大会的时候,发布了Flutter for web,不过现在还是预览版,但是我发现很多小伙伴还是希望去接触一下,所以打算写这篇博客,帮助大家成功搭建环境
升级FlutterSDK
首先将Flutter SDK升级到最新的版本 使用命令flutter upgrade 建议在网速比较好的地方升级
获取项目
其次,到Google提供的源码,下载项目
我用的vscode,建议小伙伴用跟我一样的编译器
下载以后 在控制台上面执行 flutter packages pub global activate webdev
如果出现上诉问题是因为你的网速不好,建议换一个网速比较好的地方再次执行
如果出现这个,恭喜你,你已经安装成功了,接下来就是配置环境了
配置环境
上面已经提示你的环境安装到这个文件夹中,是这个路径配置到path中。
之后进入到项目目录cd examples/hello_world/,执行命令webdev serve
之后会报这个错误,这个就比较简单了,就把你的dart的bin配置到你的path中即可
dart的bin目录在flutter sdk/bin/cache/dart-sdk/bin中
运行
最后你在执行webdev serve
这样子你的环境就搭建好了,看看效果
现在只是预览版,只说目前支持chrome和safari
希望这篇博客可以帮助到大家,喜欢的小伙伴给一个赞,编写不易