Flutter for Web开发环境

搭建此开发环境前确保已经完成了Flutter的基础开发环境的搭建。

 flutter channel master
 flutter upgrade
 flutter config --enable-web

在项目目录下执行如下命令,重新初始化各端项目

flutter create . 

 Android studio

上述命令执行完成后,在Android studio的运行选项就会多出两个选项,如下图

Flutter for Web开发环境_第1张图片

选中Chrom(web)点击运行即可自动打开一个web窗口预览界面,如下图

Flutter for Web开发环境_第2张图片

vsCode 

点击Debug=>Start Debugging即可

 web打包运行如下命令即可:

 flutter build web

你可能感兴趣的:(flutter,移动端,环境搭建)