Flutter for web 环境搭建

Flutter_for_web 环境搭建

简介

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

升级FlutterSDK

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

FlutterSDK版本

获取项目

其次,到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

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

发布了50 篇原创文章 · 获赞 35 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_35905501/article/details/90021762