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

﹏ヽ暗。殇╰゛Y 2022-10-01 05:50 178阅读 0赞

### 前言 ###

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

### 需要准备的软件 ###

*  Android Studio 3.0.0 以上
 *  Android SDK
 *  git

### 开始搭建 ###

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

可以去 [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` 出现以下提示，则表示配置成功

*  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).报错

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

*  5.`Android Studio` 安装`flutter` 插件

搜索`flutter` 安装即可

*  6.新建`flutter`项目

`File`\-->`New`\-->`New Flutter Project`

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

*  7.运行项目

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

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

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

转载于:https://juejin.im/post/5cde86b451882525cf2d00a6

[flutter]: https://link.juejin.im?target=https%3A%2F%2Fflutterchina.club%2Fget-started%2Finstall%2F
[Github]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Fflutter%2Fflutter%2Freleases

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter学习(一)：环境搭建教程

文章目录 1.安装as 2.安装flutter 3.配置flutter的path 4.安装as的flutter插件 5.创建第一个flutt

「爱情、让人受尽委屈。」/ 2023年08月17日 16:32/ 0 赞/ 71 阅读

相关 Flutter 开发环境搭建---安装（二）

应用启动 IDE 配置安装插件： flutter 插件、dart 插件创建项目 1. 在IDE里边通过可视化界面创建项目。 2. 在命令行通过 flutter

Love The Way You Lie/ 2022年12月07日 01:58/ 0 赞/ 154 阅读

相关 Flutter 开发环境搭建---安装（一）

工欲善其事必先利其器，首先会分别介绍一下在 Windows 和 macOS 下 Flutter SDK 的安装，然后再介绍一下配 IDE 和模拟器的使用。安装 Flutte

港控/mmm°/ 2022年12月06日 12:34/ 0 赞/ 181 阅读

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

前言在`Flutter`大浪潮下，笔者也开始入坑了，本系列旨在记录学习过程，欢迎一起探讨。需要准备的软件 Android Studio 3.0.0 以上

﹏ヽ暗。殇╰゛Y/ 2022年10月01日 05:50/ 0 赞/ 179 阅读

相关 macOS上搭建Flutter开发环境

一、准备 1. 使用镜像由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

我不是女神ヾ/ 2022年04月11日 08:54/ 0 赞/ 259 阅读

相关 macOS上搭建Flutter开发环境

前提：有梯子 1.安装Android Studio和配置Android SDK SDK安装目录 /Users/yiming/Library/Android/sdk

落日映苍穹つ/ 2022年04月11日 02:03/ 0 赞/ 284 阅读

相关 Flutter开发环境搭建和调试

Flutter开发环境搭建和调试开发环境的搭建 1. 下载Flutter SDK 2. 配置环境变量 3．安装Visual

ゝ一世哀愁。/ 2022年03月10日 11:56/ 0 赞/ 370 阅读

相关 flutter环境搭建坑一

![1660068-20190425154922531-89856541.png][] 解决方式：庚戌年 PowerShell 到5.0或更新版本 PowerShell是微

向右看齐/ 2021年12月20日 15:41/ 0 赞/ 253 阅读

相关 Flutter Android Studio开发环境的搭建

-------------------- Flutter开发工具很多，有很多支持Flutter开发的IDE。比如Android Studio、Visual Studio Co

Love The Way You Lie/ 2021年12月13日 14:27/ 0 赞/ 440 阅读

相关 flutter 环境搭建

1、下载flutter SDK,将flutter的bin目录放置到环境变量path中命令行输入:flutter doctor检测是否配置成功,有Andro

迷南。/ 2021年07月24日 12:24/ 0 赞/ 443 阅读