搭建Flutter之前需要已经安装好相应的Flutter开发环境,如果没安装好相应环境的可以查看在windows系统搭建Flutter开发环境

 

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

搭建Flutter项目可以通过命令行搭建,或者通过android studio用可视化方法搭建

 

先看一下通过Android studio搭建

打开Android studio之后点击 file》new》new flutter project

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第1张

然后选择第一个next

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第2张

然后填写项目相关信息next,进入设置包名页面后点击finish即可

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第3张

搭建好之后打开模拟器,模拟器设备可以自己设置

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第4张

打开模拟器之后再点击运行即可运行该flutter项目

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第5张

 

 

 

然后看一下通过命令行搭建

 在你要搭建的地方按住shift+鼠标右键,在菜单中选择在此处打开powershell窗口

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第6张

 

然后在命令行中输入

flutter create projectname

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第7张

projectName为项目名

创建完成之后会出现如下打勾状态,如果出现错误打X请根据报错查询相应原因

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第8张

创建完之后需要运行可进入项目目录下运行flutter run,运行之前需要在android studio先打开模拟器

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第9张

 

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第10张

运行成功即会打开模拟器

在windows系统搭建并运行一个Flutter项目,在windows系统搭建Flutter开发环境 随笔 第11张

 



扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄