Flutter 环境安装

1. 使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量添加到到用户环境变量中:

arduino 复制代码
set PUB_HOSTED_URL=https://pub.flutter-io.cn
set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
set HTTP_PROXY=http://127.0.0.1:7890 // 后面会需要用到  7890是你代理的端口,如有不同自行修改
set HTTPS_PROXY=https://127.0.0.1:7890
set NO_PROXY=localhost,127.0.0.1,::1
// 以上是所有需要设置的环境变量

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考flutter.dev/community/c... 以获得有关镜像服务器的最新动态

2. 获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包,下载地址:flutter.dev/docs/develo...

    注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包,地址:github.com/flutter/flu...

  2. 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要 将flutter安装到需要一些高权限的路径如C:\Program Files)。

  3. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

更新环境变量

如果你想在Windows系统自带命令行运行flutter命令,需要添加以下环境变量到用户PATH:

  • 在开始菜单的搜索功能键入"env",然后选择 编辑系统环境变量

  • 在"用户变量"下检查是否有名为"Path"的条目:

    • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
    • 如果该条目不存在,创建一个新用户变量 Path ,然后将 flutter\bin 的全路径作为它的值.

重启Windows以应用此更改.

运行 flutter doctor命令

在Flutter命令行运行如下命令来查看是否还需要安装其他依赖,如果需要,安装它们:

复制代码
flutter doctor

第一次运行flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下,安装完成后再运行flutter doctor命令来验证是否安装成功。

3)Android设置

Flutter依赖于Android Studio的全量安装。Android Studio不仅可以管理Android 平台依赖、SDK版本等,而且它也是Flutter开发推荐的IDE之一(当然,你也可以使用其他编辑器或IDE,我们将会在后面讨论)。

#安装Android Studio
  1. 下载并安装 Android Studio,下载地址:developer.android.com/studio/inde...
  2. 启动Android Studio,然后执行"Android Studio安装向导"。这将安装最新的Android SDK、Android SDK平台工具和Android SDK构建工具,这些是用Flutter进行Android开发所需要的。

Tips

flutter doctor 可能出现的错误提示:

1.A network error occurred while checking maven.google.com 通过上面的HTTP_PROXY,HTTPS_PROXY环境变量解决

2.Visual Studio not installed; this is necessary to develop Windows apps. Download at visualstudio.microsoft.com/downloads/. Please install the "Desktop development with C++" workload, including all of its default components,这个错误 需下载vs_BuildTools.exe 文件

到此安装成功

相关推荐
mocoding10 分钟前
使用已经完成鸿蒙化适配的Flutter本地持久化存储三方库shared_preferences让你的应用能够保存用户偏好设置、缓存数据等
flutter·华为·harmonyos·鸿蒙
张3蜂1 小时前
Python 四大 Web 框架对比解析:FastAPI、Django、Flask 与 Tornado
前端·python·fastapi
南风知我意9571 小时前
【前端面试5】手写Function原型方法
前端·面试·职场和发展
qq_12498707531 小时前
基于Java Web的城市花园小区维修管理系统的设计与实现(源码+论文+部署+安装)
java·开发语言·前端·spring boot·spring·毕业设计·计算机毕业设计
小安驾到2 小时前
【前端的坑】vxe-grid表格tooltip提示框不显示bug
前端·vue.js
去码头整点薯条982 小时前
python第五次作业
linux·前端·python
无熵~2 小时前
Flutter入门
flutter
沐墨染2 小时前
Vue实战:自动化研判报告组件的设计与实现
前端·javascript·信息可视化·数据分析·自动化·vue
局外人LZ2 小时前
Uniapp脚手架项目搭建,uniapp+vue3+uView pro+vite+pinia+sass
前端·uni-app·sass
hudawei9962 小时前
要控制动画的widget为什么要with SingleTickerProviderStateMixin
flutter·mixin·with·ticker·动画控制