Flutter之Windows环境搭建

Flutter之Windows环境搭建_flutter

原创作者:​​只能陪你走一程​

官方网址:https://flutter.io/

Flutter中文网:https://flutterchina.club/

中文开发者论坛:http://flutter-dev.cn/

一.软件环境

1.操作系统: Windows 7 或更高版本 (64-bit)

2.磁盘空间: 400 MB (不包括Android Studio的磁盘空间).

3.工具: Flutter 依赖Git命令行工具.Git命令行工具下载


二.获取Flutter SDK

1.配置环境变量(国内用户):PUB_HOSTED_URL=https://pub.flutter-io.cn    FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Flutter之Windows环境搭建_Android_02

Flutter之Windows环境搭建_搜索_03

2.克隆bate分支到系统路径中:git clone -b beta https://github.com/flutter/flutter.git

Flutter之Windows环境搭建_搜索_04

3.将克隆下来的项目bin目录配置到环境变量Path中:

Flutter之Windows环境搭建_搜索_05

三.运行 flutter doctor

1.打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:

Flutter之Windows环境搭建_flutter_06

四.搭建Android Studio开发环境

1.打开AndroidStudio--2.打开设置(setting)--3.打开plugins--4.搜索安装两个插件Dart和Flutter插件

Flutter之Windows环境搭建_Android_07

Flutter之Windows环境搭建_Android_08

注意:安装完成后重启AndroidStudio重新加载插件

 

1.安装插件后,欢迎页会出现Start a new Flutter project 的条目,表示成功安装了插件,此时我们可以通过此选项创建一个Flutter的项目,点击Start a new Flutter project进行项目的创建。

Flutter之Windows环境搭建_Android_09

2,此时需要填写项目有关的信息,在填写完这些信息后,点击Next进行下一步操作。

 

Flutter之Windows环境搭建_flutter_10

3.在这里只需要填写应用程序的包名,点击完成即可,这个时候只需要等待项目的创建完成了。

 

Flutter之Windows环境搭建_Android_11

4.这个时候就需要等待AndroidStudio完成创建Flutter的项目了,创建完成后需要连接需要调试的设备,就可以运行自己的第一个Flutter程序了。

 

Flutter之Windows环境搭建_搜索_12

Flutter之Windows环境搭建_flutter_13

五:VS Code环境搭建

1.安装Dart和Flutter插件:

 

Flutter之Windows环境搭建_flutter_14

2.创建Flutter项目:点击菜单栏的查看--命令面板搜索Flutter:new Project,在输入项目名回车键完成创建

3.连接设备,点解菜单栏的调试--启动调试,运行项目

 

 

六.创建过程中可能遇到的问题遇到的

1.项目创建完成后无法连接到调试设备,用ADB查看设备也是连接的,可是工具就是找不到设备,还弹出(No connected devices found; please connect a device, or see flutter.io/setup for getting started instructions.)的对话框,vs code也是连接不上的,开始自己遇到了这种问题,在网上搜索这种问题,大部分说的是,清除AndroidStudio的缓存,或者AndroidStudio的版本过高的问题,但是自己发现,这还是Flutter环境搭建的问题,导致了创建的项目也有问题。(清除缓存说法,也不妨试一试).


 

Flutter之Windows环境搭建_搜索_15

解决方案:

1.检查Dart的SDK路径:

Flutter之Windows环境搭建_flutter_16

2.检查Flutter的SDK位置:

Flutter之Windows环境搭建_flutter_17

3.检查Android Sdk的路径:

Flutter之Windows环境搭建_Android_18

4.检查ADB环境:在命令行窗口输入ADB,检查ADB的环境配置,如果出现如下这些内容,表示ADB的环境没有问题,如有问题在,百度自行解决。

 

Flutter之Windows环境搭建_搜索_19

5.重新按照步骤创建项目,应该就可以了

 


2.AndroidStudio插件下载失败

解决方案:

1.检查电脑的网络情况    2:File->Settings->Apparence & Behavior->System Settings->Updates->use secure connnection 勾去掉

这样就可以快乐的下载插件了。