Flutter开发环境配置详解（保姆级，适合初学者）

最新推荐文章于 2024-04-05 04:48:07 发布
最新推荐文章于 2024-04-05 04:48:07 发布
阅读量6.5k 收藏 19
点赞数 11
分类专栏： flutter笔记 文章标签： dart flutter android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45799707/article/details/116275216
版权

Flutter开发环境配置详解

Flutter开发环境配置详解

整理一份配置 flutter 环境的文章，备忘。

最重要的部分！！

系统用户名一定不能是中文！！！
系统用户名一定不能是中文！！！
系统用户名一定不能是中文！！！
如果是中文用户名，自己想办法改掉，一定要User目录下的用户名是英文才行。

安装 Git（如果电脑里有 Git 工具跳过此步）

Flutter 依赖 Git 命令行工具运行
请确保命令提示符或PowerShell中运行 git 命令
不然在后面运行flutter doctor时将出现Unable to find git in your PATH错误
此时需要手动添加C:\Program Files\Git\bin至Path系统环境变量中。

1、FlutterSDK 部分

下载 FlutterSDK

首先进入下载地址下载最新的 FlutterSDK
Flutter 下载地址
点击这个蓝色按钮即可下载
在这里插入图片描述Flutter SDK 下载后是一个压缩包，将其解压到你的硬盘
放到一个你能够找到的路径，路径尽量不要有中文
我的目录是

C:\src

添加镜像以及环境变量

添加镜像

右击 此电脑->属性->高级系统设置->环境变量
在 用户变量 新建两个变量

变量名：FLUTTER_STORAGE_BASE_URL
变量值：https://storage.flutter-io.cn

在这里插入图片描述

变量名：PUB_HOSTED_URL
变量值：https://pub.flutter-io.cn

在这里插入图片描述

添加 Flutter 环境变量

在 系统变量 里找到 Path 双击点开后
新建变量，点 浏览 ，点到你解压的 flutter SDK 路径下的 bin 路径下，点 确定
在这里插入图片描述
添加完成后，一路确定 直到关掉系统属性

运行 flutter doctor 命令进行初始化

打开你习惯使用的 Windows 命令行工具，cmd 或者 powershell
运行 flutter doctor 命令
在这里插入图片描述

首次运行可能会有几个叉号，一般是没装 chrome ，Android studio或者VScode没装插件或者没同意安卓sdk那个协议导致的，问题不大

2、IDE部分

下载 Android Studio

推荐使用 Android Studio，免费功能强大而且有谷歌官方维护，连接自带的模拟器也方便，vscode 现在写 flutter 还是不大好用
去官网下载 Android Studio，推荐下载 zip 版，解压就能用，出了啥毛病卸载也方便，当然安装版也没问题
下载地址
在这里插入图片描述点击图中的绿色按钮下载安装版
想下载压缩包版的话
点击 DOWNLOAD OPTIONS
在这里插入图片描述点第二个下载压缩包版
安装包版下载后双击安装，全选NExt就行，压缩版下载后解压到你想放到的文件夹，双击进入文件夹里的bin目录中的 studio64.exe 可直接运行
（32 位系统双击studio.exe，话说不会现在还有人用32位系统吧，不会吧不会吧）
同样一定要注意，路径不要有中文

安装Android SDK,AVD 模拟器

我手里目前没有可以演示的虚拟机，回头在补充
现在可以参考这个链接的 SDK 部分
只看sdk安装的部分就行

在这里插入图片描述
AVD 的安装
选择 Tools->AVD Manager
在这里插入图片描述
选择 Create Virtual Dervice

在这里插入图片描述
这个界面是选择尺寸的，选择自己觉得合适的分辨率就好

在这里插入图片描述首次使用需要下载这个东西，点击第一个 R 后面的 Download 就行

下载好后点击 next -> finish
在这里插入图片描述
你的这个列表就有你刚刚创建的项目了，点击绿色的三角就可以运行

在这里插入图片描述

安装Dart 插件和 FLutter 插件

File -> Settings->Plugins
在这里插入图片描述在这里插入图片描述
搜索 Dart 和 Flutter 插件安装，装好后重启 IDE
在这里插入图片描述

再次从终端里运行 flutter doctor
现在运行应该会有一个报错，让你输入一个同意安卓协议的指令，按照他的提升输入就行，具体截图等我装好虚拟机在放
在这里插入图片描述

3、运行你的第一个 Flutter 应用

提前打开 AVD ，然后点击 File->New->New flutter project
在这里插入图片描述
选第一个，点next
在这里插入图片描述第一个框是你的项目名称，这个和应用名称不是一个，可以随便起，起名规则是不能有大写字母，可以使用下划线
第二个框是你的flutterSDK 的位置，首次打开这里可能是空的，需要手动选择你的flutter SDK解压位置
第三个框是你的项目存放位置，可以自行选择，同样不推荐使用中文路径
第四个是你的项目描述，体现在自述文件里的，没什么用，可以随便填
都填好后点next->finish
在这里插入图片描述这样就创建好了你的首个flutter 项目
在这里插入图片描述如果你已经打开了AVD，可以直接点右上角的绿色三角运行
首次运行需要等比较久的时间，如果时间过长可以考虑配置Gradle镜像或者修改DNS（114.114.114.114经过测试比较有用）
运行结果

在这里插入图片描述
如果你做到了这一步，恭喜你 Flutter 开发环境搭建完成

看星星的泡面君
关注
  • 11
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
flutter的环境安装配置问题及解决方法
08-19
Flutter是Google推出的基于Dart语言开发的跨平台开源UI框架，旨在统一纷纷扰扰的跨平台开发框架，在UI层面上多端共用一套Dart代码来实现多平台适配开发，这篇文章主要介绍了flutter的环境安装配置问题,需要的朋友可以参考下
超级详细flutter开发环境搭建
01-03
一、在Windows上搭建Flutter开发环境 系统要求 要安装和运行Flutter，您的开发环境必须满足以下最低要求： 操作系统Windows 7 SP1或更高版本(64位) 磁盘空间：：400 MB(不包括IDE/Tools的磁盘空间)。 工具颤振取决于您的环境中可用的这些工具。 Windows PowerShell 5.0或者更新(这是与Windows 10一起预装的) Git for Windows2.x，与从Windows命令提示符中使用Git选择。 如果GitforWindows已经安装，请确保可以运行git命令提示符或PowerShell中的命令。 获取Flutt
Flutter 项目实战-环境变量配置一
最新发布
2401_84121663的博客
04-05 820
简历首选内推方式，速度快，效率高啊！然后可以在拉钩，boss，脉脉，大街上看看。简历上写道熟悉什么技术就一定要去熟悉它，不然被问到不会很尴尬！做过什么项目，即使项目体量不大，但也一定要熟悉实现原理！不是你负责的部分，也可以看看同事是怎么实现的，换你来做你会怎么做？做过什么，会什么是广度问题，取决于项目内容。但做过什么，达到怎样一个境界，这是深度问题，和个人学习能力和解决问题的态度有关了。大公司看深度，小公司看广度。大公司面试你会的，小公司面试他们用到的你会不会，也就是岗位匹配度。
Flutter入门-环境搭建
诗未冷的专栏
09-28 1025
flutter简介、flutter环境搭建
flutter国内环境搭建，全网最详细教程【避坑大全】
12-15 1060
flutter国内环境搭建，全网最详细教程【避坑大全】
Flutter学习之旅----环境搭建与Hello World
07-20
Flutter学习之旅----环境搭建与Hello World,对应博客地址为http://blog.csdn.net/zhangxiangliang2/article/details/75566412
配置Flutter开发环境
Billy_Zuo的博客
02-23 919
另外，在中国大陆地区，要想正常获取安装包列表或下载安装包，可能需要翻墙，也可以去Flutter github项目下去下载安装包，地址：https://github.com/flutter/flutter/releases。以后再运行就会快得多。缺失的依赖需要安装一下，安装完成后再运行flutter doctor命令来验证是否安装成功。1、去flutter官网下载其最新可用的安装包，下载地址：https://flutter.dev/docs/development/tools/sdk/releases。
Flutter环境配置
m0_48132830的博客
11-09 2745
Flutter环境配置
Flutter 环境配置
weixin_45172119的博客
06-11 3761
需要把F:\flutter_windows\flutter_windows_3.0.4\flutter\bin目录配置到path环境变量里。Visual Studio主要用于flutter 桌面软件开发，如果您只是开发flutter app可以不用安装Visual Studio。搭建环境过程中要下载很多资源文件，当一些资源下载不了的时候，可能会报各种错误。Flutter的时候有可能会受到限制。注意：提示输入Y/N的地方全部输入Y。就会多一个flutter项目的创建。安装完成之后，重启应用。
Flutter 环境配置及搭建
半身风雪
03-21 4200
P001 搭建Flutter开发环境 使用镜像 由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中： export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 在Windows上搭建Flutter开发环境 获取Flutter SDK 去flutter官网下载其最
dart&Flutter开发环境配置及创建项目
01-03
学Flutter先要学习Dart语言 (都是谷歌开发的语言) 一、Dart Dart介绍 Dart是由谷歌开发的计算机编程语言，它可以用于web、服务器、移动应用和物联网等领域的开发 Dart 诞生于年，号称起到javaScript/但是过去的几年...
Flutter完整开发实战详解系列.pdf
07-15
Flutter完整开发实战详解系列.pdf
Flutter开发Windows环境配置
01-03
一、下载FlutterSDK 二、配置电脑系统环境：  1、配置flutter镜像： ...2、配置flutterSDK环境变量  FLUTTER_SDK_HOME=E:\Flutter\sdk\flutter（这个是你flutterSDK的所在目录） 3、在系统变量添加 ：%FLUTTER_SDK
IDEA搭建Flutter开发环境，独立安装Android SDK
01-03
Flutter开发环境的搭建可以参考Flutter中文网的教程，笔者电脑上已经有Intellij Idea，不想安装Android Studio，但Flutter开发安卓应用必须依赖Android SDK。 为了最大限度节省空间，环境如下 操作系统：Mac IOS ...
flutter 环境搭建
woyebuzhidao321的博客
12-24 9761
Flutter 是谷歌开发的一款开源、免费的，基于 Dart 语言的U1框架,可以快速在i0S和Android上构建高质量的原生应用。它最大的特点就是跨平台和高性能。Dart是由谷歌，在2011 年开发的计算机编程语言，它可以被用于Web、服务器、移动应用和物联网等多个领域。号称要取代JavaScript.
给配置Flutter环境变量
陈君才的博客
03-20 7000
当你完成了下载并且解压缩 Flutter 到合适的目录位置之后，只能在 flutter 的 bin 目录下运行flutter，如图所示： 复制 flutter 的 bin 目录，以我的安装为例就是复制 D:\Android\flutter\bin； 在左下角的搜索栏中输入 “env”，选在 “编辑系统环境变量” ，点击 “环境变量” ，如图所示： 在弹出的窗口，下面的 “系统变量” 那部分...
flutter环境配置
YAMgoddess
05-07 266
开发flutter app 前要配置一下环境，就跟咱们之前开发android的时候要下载jdk和android-sdk一样，flutter也是一样的： 1、flutter sdk的安装和配置 2、dart sdk的安装 这里我用的mac电脑 windows的也大同小异 1、flutter sdk的下载和配置 去flutter的网站下载sdk https://flutter.dev/docs ...
Flutter开发环境配置
知识共享，你我皆是知识的搬运工
10-11 1017
Flutter开发环境配置
flutter 开发实战详解 下载
06-24
### 回答1： Flutter是一种UI工具包，可以用来开发高性能、高保真度的应用程序。随着Flutter的日益普及，越来越多的开发者开始使用Flutter开发应用程序。在这样的背景下，Flutter开发实战详解这本书，为众多开发人员提供了实践性非常强的经验分享和技术指导。 这本书内容丰富，从基础概念、环境设置，到实际开发应用程序都进行了详细介绍。读完本书，读者将会具有： 1. Flutter跨平台应用开发的核心技能：包括组件库、布局、状态管理、动画、网络、数据储存等核心技能。这些技能对于任何一个Flutter开发者都是必备的。 2. 实际项目开发经验：本书包含大量搭建实际应用程序的案例分析和实例演练。通过学习这些案例，读者将会了解如何解决实际开发应用程序中所遇到的各种问题，如调试、性能优化、部署等等。 3. 高质量UI设计：本书通过实例讲解了在Flutter中如何实现高质量和美观的UI设计，并向读者展示了如何借鉴开源组件库并构建自己的一套用户界面组件库。 总之，Flutter开发实战详解这本书是适合所有Flutter开发者的一本经典著作。如果您想要成为一名熟练的跨平台应用程序开发者，那么这本书绝对值得阅读和好好学习。 ### 回答2： Flutter开发实战详解是一本非常实用的书，书中涵盖了Flutter的开发基础、组件使用、实战应用等方面的知识。对于想要学习Flutter的开发者来说，这本书具有非常实用的指导意义。在教学方面，本书使用了简单易懂、详细生动的语言，配合大量的实战案例和代码示例，让读者能够更加深入地理解Flutter的开发方式和设计模式，掌握如何使用Flutter开发应用程序。书中还介绍了如何创建一个Flutter项目，如何使用Flutter中的UI组件和动画，以及如何使用Flutter中的第三方库来扩展应用功能等内容，让读者能够通过实践快速掌握Flutter的开发技能。总之，Flutter开发实战详解是一本非常优秀的Flutter开发进阶书籍，主要针对于那些已经掌握了基础知识，并想进一步深入学习Flutter开发实践的开发者，不论是初学者还是进阶者，都值得一读。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值