flutter环境搭建--windows--vscode--雷电模拟器

4,213 阅读1分钟

flutter中文网:flutterchina.club/setup-windo…

按照官网提示配置环境变量(注意:一定要配置镜像)

获取flutter SDK

下载安装包:flutter.dev/docs/develo…

可以下载最新稳定版本,解压:

添加环境变量,解压后的bin目录进行配置(可以全局使用flutter命令,需要添加环境变量)

下载Android studio :developer.android.com/studio/

安装Android SDK教程:www.cnblogs.com/nebie/p/914…

配置host文件:

  • 通过一个ping网站,如爱站网https://ping.aizhan.com/或站长工具 ping.chinaz.com
  • 输入dl.google.com,挑选一个响应时间较短的IP配置host(C:\Windows\System32\drivers\etc)文件

如果创建android自带的模拟器失败,可以用雷电模拟器:www.ldmnq.com/ ,安装成功,启动后不用做配置,等待flutter项目运行即可

检查安装依赖

运行 flutter doctor

编辑器vscode配置

安装flutter,dart

启动vscode后,在应用商店搜索flutter,dart进行安装

创建项目3种方式,任选一种即可

  • ctrl+shift+p:弹出命令窗口
  • 在vscode的终端创建项目:flutter create 项目名称
  • cmd运行:flutter create 项目名称

运行项目

注意:确认模拟器已经开启,vscode右下角默认有设备

终端运行:flutter run

如果出现如下报错,请配置host或配置vpn

启动成功消息如下:

模拟器界面如: