Flutter环境配置+创建第一个项目（给懒人看的）

最新推荐文章于 2024-07-27 14:19:13 发布

Zy_JiBai

最新推荐文章于 2024-07-27 14:19:13 发布

阅读量2.2k

点赞数

分类专栏： Flutter 文章标签： flutter flutter环境配置

本文链接：https://blog.csdn.net/zy_jibai/article/details/84453925

版权

1 篇文章 0 订阅

订阅专栏

刚刚接触这个，还是一窍不通的，也只是今天刚刚配好环境而已。可能是因为我之前sdk的路径放置和环境变量配置有关吧，按照官方的方法配置完毕之后flutter一直都是not find，后来花了一段时间改过来了。下面直接说具体的流程吧。

在此之前现附上可能需要的网址（勤快的同学就可以直接跟着网页弄了哦?）

1.flutter的官网：https://flutter.io/

一、进官网

首先进flutter的官网，链接见上1。我是做android开发的，环境是macOS，所以接下来就以这个情况为例：

进入之后首先要下载flutter的安装包，对于有翻墙条件的盆友们，可以直接在官网，点击右上角的start now，然后下载安装包（具体进去就明白了，那么大的字一定会看到的?），但如果的没有翻墙，gg为中国的开发者们提供了另一个渠道——使用镜像。下面主要说一下这个该如何配置：

首先需要给镜像去配置环境变量：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

打开终端直接输入就好。再或者在bash_profile文件下进行添加：

打开bash_profile文件后，在里面添加上面的环境变量。

然后clone Flutter：

git clone -b dev https://github.com/flutter/flutter.git

当然在网站4中有直接压缩包，可以下载，然后解压也可以。

之后添加环境变量：

export PATH="$PWD/flutter/bin:$PATH"

pwd是绝对路径，我已开始也很懵逼，可以手动在这个位置写上绝对路径，当然像上面用字符串模板也行，不过你得先配置一个PWD变量，懒人可以选择第一步。。

到现在为止如果顺利的朋友应该已经配置完了，测试一下：

输入flutter doctor 或者直接输入flutter，如果是成功的话，会在第一次启动时加载文件，由于我不是第一次所以没有显示。

当然可能也会有失败的朋友，我就是被这么折腾的，说一下我的问题吧，主要是在环境变量中，没有配置ANDROID_HOME，在platform-tools和tools之前都是手写的路径，根据flutter中文网上面的说法，最好我们把所有的变量都配置完善。

export ANDROID_HOME="/Users/jibai/android-sdk-macosx"

同样是在bash_profile中配置。方法见上。

source .bash_profile

输入source .bash_profile更新环境变量。然后重启终端，再次操作就会有flutter环境变量了。

如果第一次应该是这个样子，等他配置完就好。

flutter doctor

然后输入flutter doctor，检查其他需要安装的项。它会要求你至少有android环境和ios环境中的一个。总之你少什么都会给你打出来的。

比如我的，我有android Studio，也有android-tools的环境，但是我没有安装flutter插件和dart插件，这个就不是个事了，我们打开android Studio，在里面下载就行了。

然后重启Android Studio，点击File ->new->Flutter project。

然后创建我们第一个flutter的项目：

用过AS的同学们这个相信已经很熟悉了，注意一下第二行的flutter SDK path，找到我们之前安装的flutter位置（无论是git clone的也好，还是解压的，再或者是官网直接下载的安装包安装的位置）点击next。

这一步没设么好说的了，修改完毕后直接finish。静静地等待项目构建吧。

然后剩下的跟as差不多了，目录都是多种形式的。

由于dark语言还没有学习，对于项目里面的代码还有逻辑还没有了解，只能先说这么多了，这是一个新的开始！！

关注

专栏目录