【Flutter】开发之环境搭建（一）

前言

在Flutter大浪潮下，笔者也开始入坑了，本系列旨在记录学习过程，欢迎一起探讨。

• 【Flutter】开发之目录

需要准备的软件

• Android Studio 3.0.0 以上
• Android SDK
• git

开始搭建

• 1.下载flutter 安装包，并解压

可以去 flutter中文网 或者 Github 下载，个人推荐去官网下载。

• 2.添加环境变量

在Path系统变量中添加安装包\bin目录的完整路径，比如完整路径为： D:\flutter\flutter\bin，与上一个变量用英文;隔开。
因为国内访问限制的问题，还需要添加以下2个变量，请注意，该变量的值可能会变化，以官网公布的为准
键：PUB_HOSTED_URL
值：https://pub.flutter-io.cn
键：FLUTTER_STORAGE_BASE_URL
值： https://storage.flutter-io.cn

如果没有添加ANDROID_HOME变量的话，还需要添加，值为Android SDK 所在路径，如 D:\android\sdk，添加完后记得重启电脑。

• 3.运行flutter doctor 命令

打开安装目录下flutter_console.bat文件，输入flutter doctor
出现以下提示，则表示配置成功

image.png

• 4.常见问题

1).报错

Error: The Flutter directory is not a clone of the GitHub project.
   The flutter tool requires Git in order to operate properly;
   to set up Flutter, run the following command:
   git clone -b beta https://github.com/flutter/flutter.git

从github上下载就会遇到这个问题

解决办法：
把刚刚下载的Flutter安装包删掉，重新在想要安装的目录下运行
git clone -b beta https://github.com/flutter/flutter.git
2).报错
此时不应有 \flutter\bin\cache
解决办法：
不要将加解压目录放在高权限的路径,如C:\Program Files\
3).报错

image.png
一般都是更新了环境变量，或者环境变量填的flutter解压路径有误

• 5.Android Studio 安装flutter 插件

搜索flutter 安装即可

image.png

• 6.新建flutter项目

File-->New-->New Flutter Project

image.png
选择Flutter Application,然后填写相关信息
image.png
经过漫长的等待，终于创建成功了，项目结构如下
image.png

• 7.运行项目

可能你想运行项目时，发现并没有可供运行的设备

image.png

首先，你需要添加ANDROID_HOME环境变量；其次在Terminal中运行flutter devices命令，这时，就可以看到连接的真机了。