【Flutter】开发之环境搭建(一)

2,380 阅读2分钟

前言

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命令,这时,就可以看到连接的真机了。

你的认可,是我坚持更新博客的动力,如果觉得有用,就请点个赞,谢谢