教你一步一步搭建Flutter环境(Windows)

1.必备开发工具:

AS(AndroidStudio)(可以到官网https://developer.android.google.cn/下载)

2.flutter开发语言是dart,所以需要安装dart插件

在AS中File->Setting->Plugins  搜索FlutterDart  然后点击安装这两个插件,安装完成后重启AS

 

3.下载flutter sdk

首先在flutter官网https://flutter.dev/docs/get-started/install

教你一步一步搭建Flutter环境(Windows)_第1张图片

 

4.设置环境变量

在window的start里面搜索env

接着打开环境变量

教你一步一步搭建Flutter环境(Windows)_第2张图片

在用户变量下检查是否有Path

教你一步一步搭建Flutter环境(Windows)_第3张图片

有的话编辑,追加flutter/bin的全路径(flutter sdk安装目录下的bin)如下图:

教你一步一步搭建Flutter环境(Windows)_第4张图片

没有的话,新建Path再编辑

还需要设置一个ANDROID_HOME

(ANDROID_HOME是android sdk的一个路径,在系统变量处添加)

 

教你一步一步搭建Flutter环境(Windows)_第5张图片

然后在用户变量Path处编辑,配置ANDROID_HOME

教你一步一步搭建Flutter环境(Windows)_第6张图片

配置好后重启windows电脑

5.验证:

打开终端,输入flutter doctor

例如:

教你一步一步搭建Flutter环境(Windows)_第7张图片

这个原因一般是android studio版本太低或者是没有ANDROID_HOME引起

运行成功后如下图

教你一步一步搭建Flutter环境(Windows)_第8张图片

出现错误是Visual Studio Code这个软件没有配置dart,因为我们用的是Android studio开发,所以这个错误就可以忽略。

 

6.配置flutter遇到的问题

如果AS出现

如果已经下载flutter sdk的选择第二个选项,没有下载的话选第一个看步骤三 

选择第二个选项后,把划红线部分,打上勾,然后选择dart-sdk路径

教你一步一步搭建Flutter环境(Windows)_第9张图片

 

最后,把需要支持dart的项目都打上勾,确认,等到编译过后就可以了

教你一步一步搭建Flutter环境(Windows)_第10张图片

 

你可能感兴趣的:(教你一步一步搭建Flutter环境(Windows))