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

2019-05-15  本文已影响0人  欢子3824

前言

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

需要准备的软件

开始搭建

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

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,添加完后记得重启电脑。

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

image.png

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解压路径有误

搜索flutter 安装即可

image.png

File-->New-->New Flutter Project

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

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


image.png

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

上一篇 下一篇

猜你喜欢

热点阅读