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

前言

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

须要准备的软件

  • Android Studio 3.0.0 以上
  • Android SDK
  • git

开始搭建

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

能够去 flutter中文网 或者 Github 下载,我的推荐去官网下载。git

  • 2.添加环境变量

Path系统变量中添加安装包\bin目录的完整路径,好比完整路径为: D:\flutter\flutter\bin,与上一个变量用英文;隔开。github

由于国内访问限制的问题,还须要添加如下2个变量,请注意,该变量的值可能会变化,以官网公布的为准bash

键:PUB_HOSTED_URL学习

值:https://pub.flutter-io.cnui

键:FLUTTER_STORAGE_BASE_URLspa

值: https://storage.flutter-io.cn插件

若是没有添加ANDROID_HOME变量的话,还须要添加,值为Android SDK 所在路径,如 D:\android\sdk,添加完后记得重启电脑。3d

  • 3.运行flutter doctor 命令

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

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命令,这时,就能够看到链接的真机了。

你的承认,是我坚持更新博客的动力,若是以为有用,就请点个赞,谢谢

相关文章
相关标签/搜索