Flutter_for_web 环境搭建

简介

昨天Google大会的时候,发布了Flutter for web,不过现在还是预览版,但是我发现很多小伙伴还是希望去接触一下,所以打算写这篇博客,帮助大家成功搭建环境

升级FlutterSDK

首先将Flutter SDK升级到最新的版本 使用命令flutter upgrade 建议在网速比较好的地方升级

Flutter for web 环境搭建

获取项目

其次,到Google提供的源码,下载项目
我用的vscode,建议小伙伴用跟我一样的编译器

下载以后 在控制台上面执行 flutter packages pub global activate webdev

Flutter for web 环境搭建

如果出现上诉问题是因为你的网速不好,建议换一个网速比较好的地方再次执行

Flutter for web 环境搭建

如果出现这个,恭喜你,你已经安装成功了,接下来就是配置环境了

配置环境

Flutter for web 环境搭建

上面已经提示你的环境安装到这个文件夹中,是这个路径配置到path中。

之后进入到项目目录cd examples/hello_world/,执行命令webdev serve

Flutter for web 环境搭建

之后会报这个错误,这个就比较简单了,就把你的dart的bin配置到你的path中即可
dart的bin目录在flutter sdk/bin/cache/dart-sdk/bin

运行

最后你在执行webdev serve

Flutter for web 环境搭建

这样子你的环境就搭建好了,看看效果

Flutter for web 环境搭建

现在只是预览版,只说目前支持chrome和safari

希望这篇博客可以帮助到大家,喜欢的小伙伴给一个赞,编写不易

相关文章: