文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

flutter的安装与环境配置

2023-09-16 10:34

关注

直接上手,电脑配置建议16G运行以上

flutter中文网入门: 在Windows上搭建Flutter开发环境 - Flutter中文网

windos安装方式

第一步先切换源,换国内源,下载速度快一点,和稳定些

打开windows环境变量

 然后配置

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

第二步下载 git

如已下载可跳过,win+r 输入cmd打开控制面板,输入git回车,一大串英文信息出来说明该电脑已经安装过git。

下载地址

https://git-scm.com/download/win

找到对应系统的下载就好,下载完成直接安装即可,没有技巧

第三步下载 futterSdk

下载地址

https://docs.flutter.dev/release/archive?tab=windows#windows

选择对应的操作系统进行下载

 下载完成,剪切一下放到d盘或者其他盘,建一个futterSdk文件夹,把压缩包放进去解压

解压完成进入目录, 点进去bin,记得最后一级是bin目录

复制路径

 然后同理打开环境变量

 然后把刚刚粘贴的路径复制下去即可

温馨提醒:配置完环境变量一定得每一个窗口确定后才能生效

我这边建议用PowerShell控制台,PowerShell打开方式 win+r 输入 PowerShell 即可

验证是否完成 控制台输入

flutter --version

 这样说明安装成功

然后验证flutter所需要的环境,控制台输入

flutter doctor //环境是否合格

回车

 然后就是缺什么补什么就好,

我这边是缺少这个Android SDK 和 Android studio,那么我们就去下载一个

软件网站 https://developer.android.google.cn/studio

因为我这边已经安装了,只能用一下别人的图了

下载完成软件之后然后安装(不建议安装在C盘,软件比较大)

然后打开软件,这个是提示你是否要代理的意思,不用理会,点蓝色取消就好

 然后进入这里,选择sdk目录,默认是c盘,不建议C盘,不好找,所以自己自定义,并且记得,后面还要用到这个路径

 选择完成然后继续安装即可,没有技巧

等待下载完成,然后配置windows系统环境变量,就是你刚刚选择的的安卓sdk的路径,上面这张图片就是,看自己放在哪里去了。

ANDROID_HOME = 选择的 sdk 路径

 然后确定。这个时候重新在 PowerShell 跑 

flutter doctor //环境是否合格

提示:这个时候可能还是会和上次一样显示红×,在安卓那块,那是因为控制台还没更新,重新win+r 输入 PowerShell 打开即可,然后在输入flutter doctor

这个是时候不出意外的话应该安卓那个×会变成感叹号,多少他的目录下依然报错,不要慌,翻译一下缺少什么东西。

 第一条是缺少了cmdline-tools这个组件

第二条是要求运行 flutter doctor --android-licenses这个指令

flutter doctor --android-licenses

 运行报错误了

说是没找到 cmdline-tools,所以还得先去安装  cmdline-tools这个东西,这个东西去Android studio这个软件里面下载。

第一次进来的(用了别人的图,自己已经安装了)

 已经创建过项目的

 安装完成

回到控制台 PowerShell 重新输入

flutter doctor --android-licenses

 

 开始安装,没有报错误就是成功,一直Y即可

完成继续在控制台 PowerShell 输入

flutter doctor //检查环境

 

 全打勾证明环境这块已经完成了。

第四部设置虚拟机

两个选择一个是使用Android studio进行一个开发,另外一个是使用vscode进行开发,我更加喜欢vscode,Android studio吃内存太猛了.

首先先打开Android studio软件里面安装下载虚拟机

 

    

 这里启动

然后我这边只提供vscode的配置教程,因为我没在Android studio写过dart,怕不准确,误导你们。

接下来去打开vscode编译器,如果没有去下载一个

Download Visual Studio Code - Mac, Linux, Windows

然后

 然后,我这边已经下载了。

 然后就配置完成了

第五部创建项目

接下来随便找个位置新建项目,在对应文件夹栏输入cmd回车

 然后输入

flutter create myfluttera   //flutter create + 项目名字

然后cd入目录

cd ./myfluttera

然后跑项目

flutter run  //启动项目

使用flutter run中的时候,出现了 Please choose one (or "q" to quit):

 这个位置是输入 1  输入 q 的话是强制退出

 等他跑完,

成功启动 

来源地址:https://blog.csdn.net/xiaoxiongxia/article/details/131460305

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯