Flutter环境配置

配置环境变量

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

这个命令是用来配置 Flutter 的镜像源地址，主要是为了解决在中国大陆地区访问 Flutter 官方资源较慢的问题

具体的操作做如下:

• 右键点击"此电脑"或"我的电脑"
• 点击"属性"
• 点击"高级系统设置"
• 点击"环境变量"按钮
• 在"系统变量"区域（下半部分）：
• 点击"新建"按钮
• 添加第一个变量：
  • 变量名：PUB_HOSTED_URL
  • 变量值：https://pub.flutter-io.cn
• 点击"确定"
• 再次点击"新建"按钮
• 添加第二个变量：
  • 变量名：FLUTTER_STORAGE_BASE_URL
  • 变量值：https://storage.flutter-io.cn
• 点击"确定"

下面是示例图：

最后在power shell中执行以下命令,并且显示出相应的结果说明配置成功



 

下载 Git for windows 

我想大家学计算机的都应该安装了git,这里就不详细解释了,下面是官方网址,跟着操作应该不会错
Git - 安装 Git 

最后的验证方法就是在powershell里面执行

git

上面的结果说明运行成功了

下载Flutter的SDK 

这里先说明以下SDK是一个什么东西：
SDK（Software Development Kit）是软件开发工具包的缩写，它是一组用于开发特定类型软件的工具集合

想象你要建造一座房子：

1. 你需要各种工具（锤子、螺丝刀等）
2. 需要建筑材料（砖块、水泥等）
3. 需要建筑指南和说明书
4. 可能还需要一些预制构件

SDK 就像是这样一个"工具包"，它通常包含：

1. 开发工具
   • 编译器：把代码转换成可执行程序
   • 调试器：帮助找出程序中的错误
   • 代码编辑器：用于编写代码
2. 文档
   • API 文档：使用说明书
   • 示例代码：参考例子
   • 教程：学习指南
3. 库和框架
   • 预写好的代码
   • 常用功能模块
   • 编程接口
4. 其他工具
   • 测试工具
   • 性能分析工具
   • 模拟器

使用 SDK 的好处：

1. 不用从零开始写所有代码
2. 确保开发标准统一
3. 提高开发效率
4. 降低开发难度

下面进入正题 
官方地址：https://docs.flutter.dev/get-started/install

点击进去你会看到 

然后点击windows

直接选择安卓

在下面我们可以找到:(点击后安装)

完成下载后放在自己想要存放的文件夹,我是放在D盘,然后自己新建了一个文件夹

解压后进入文件夹,点击flutter_console.bat

会出现这样的界面

到这里其实已经可以正常运行flutter了,但是我们想要在cmd中就可以直接运行,而不是使用这个.bat文件,所以下面我们要将他放入环境变量中

将Flutter配置到环境变量

在环境配置中打开的用户变量:

点击Path

点击编辑
将我们刚刚安装的文件夹中的bin放入环境中

验证是否完成配置

运行flutter doctor命令验证有哪些缺失的东西（我这里是缺失了两个东西,接下来我们就要去下载这几个东西）

下载Android Studio 

android studio 下载地址：https://developer.android.google.cn/studio 

我这边也是下载到和flutter一样的文件夹里面

选择自己的文件夹

安装完成后会报错,因为没有安装SDK,下面只要根据引导安装SDK就行了

上面的点击Cancel,然后点击Next，选择customer自定义安装就会出现如下的画面,我们选择我们自己想要安装的文件夹

安装完成之后应该是这样的

这个时候还要将android的SDK配置到环境变量当中去和上面的方法一样，在环境变量中新建

ANDROID_HOME和自己的SDK安装路径

这里我进行flutter doctor检测之后发现出现了如下图的错误

解决的办法就是
打开studio

勾选上这些,右下角的Hide Obsolete Packages要取消勾选

等待安装完成之后输入:

flutter doctor --android-licenses

一直yes就行了

之后再次使用flutter doctor检测是否配置好运行环境

设置Android模拟器

点击这个我们应该有一个默认的虚拟机可以启动,但是如果想安装其他的虚拟机的话可以看接下来的操作

点击"+"号

选择一个版本,然后安装

选android 12 版本的进行下载

设置机型名称、方向,硬件加速(提升性能)

然后就可以得到

安装插件

安装Flutter和Dart插件需要安装两个插件:

• Flutter插件： 支持Flutter开发工作流 (运行、调试、热重载等).
• Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等).

安装Dart插件

重启Andriod studio

创建第一个flutter 项目

点击New Flutter Project

注意这里选择flutter的目录

创建好文件之后选择虚拟机,然后运行

Got it！！！