欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Windows搭建Flutter开发环境

程序员文章站 2022-05-29 20:24:28
...

1.获取Flutter SDK

打开 git 命令行工具(没有的先安装,地址https://git-scm.com/download/win),选择合适的磁盘目录,用 git 克隆  flutter。

git clone -b beta https://github.com/flutter/flutter.git

等待克隆完成:

Windows搭建Flutter开发环境

2.设置环境变量

用户变量或系统变量均可。

此电脑->右击“属性”->高级系统设置->环境变量

1.先将 flutter\bin 的全路径添加到 path 变量中,没有path条目的请新建

Windows搭建Flutter开发环境

由于一些flutter命令需要联网获取数据,如果您是在国内访问,由于众所周知的原因,直接访问很可能不会成功。 PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL是google为国内开发者搭建的临时镜像

2.新建 PUB_HOSTED_UR 变量

Windows搭建Flutter开发环境

3.新建 FLUTTER_STORAGE_BASE_URL 变量

Windows搭建Flutter开发环境

3.安装flutter的依赖

找到flutter克隆目录下的 flutter_console.bat 文件,右击 以管理员身份运行。输入 flutter doctor 来完成flutter所需依赖的安装。

4.安装Android Studio

  1. 下载并安装 Android Studio.

  2. 启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的

      3.为 android studio 安装 flutter 和 dart插件

File->Settings->Plugins-> Browse repositories…

搜索框输入flutter,点击 install 进行安装(会同时安装dart插件)。

Windows搭建Flutter开发环境

安装完成之后重启 Android Studio 

注意:如果出现安装失败的情况,报 Plugin Flutter was not installed: Cannot download 'https://plugins.jetbrains.com/pluginManager/?acti

 File->Settings->Appearance&Behavior->System Settings->Updates->

去掉  use secure connection  的勾选。

5.体验Flutter

打开Android Studio

1.File->new-new Flutter Project

2.选择 Flutter Application,点击Next

3.输入项目名称(只能是小写),选择Project Location(项目存放的路径),选择Flutter SDK path,点击Next

4.填写Company domain,然后点击Finish,等待项目创建完成。

5.连接手机 或打开 安卓模拟器,点击 Run 运行项目。第一次运行可能会有些慢,耐心等待。

Windows搭建Flutter开发环境