flutter的安装与环境配置

这篇具有很好参考价值的文章主要介绍了flutter的安装与环境配置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

windos安装方式

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

打开windows环境变量

flutter安装,前端,flutter

 然后配置

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_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

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

flutter安装,前端,flutter

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

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

flutter安装,前端,flutter

复制路径

flutter安装,前端,flutter

 然后同理打开环境变量

flutter安装,前端,flutter

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

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

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

验证是否完成 控制台输入

flutter --version

flutter安装,前端,flutter

 这样说明安装成功

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

flutter doctor //环境是否合格

回车

flutter安装,前端,flutter

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

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

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

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

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

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

flutter安装,前端,flutter

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

flutter安装,前端,flutter

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

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

ANDROID_HOME = 选择的 sdk 路径

flutter安装,前端,flutter

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

flutter doctor //环境是否合格

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

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

flutter安装,前端,flutter

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

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

flutter doctor --android-licenses

flutter安装,前端,flutter

 运行报错误了

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

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

flutter安装,前端,flutter

 已经创建过项目的

flutter安装,前端,flutter

flutter安装,前端,flutter

 安装完成

回到控制台 PowerShell 重新输入

flutter doctor --android-licenses

 flutter安装,前端,flutter

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

完成继续在控制台 PowerShell 输入

flutter doctor //检查环境

 flutter安装,前端,flutter

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

第四部设置虚拟机

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

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

flutter安装,前端,flutter

 flutter安装,前端,flutter

    flutter安装,前端,flutter

flutter安装,前端,flutter

flutter安装,前端,flutter

 这里启动

flutter安装,前端,flutter

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

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

Download Visual Studio Code - Mac, Linux, Windows

然后

flutter安装,前端,flutter

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

flutter安装,前端,flutter

flutter安装,前端,flutter

 然后就配置完成了

第五部创建项目

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

flutter安装,前端,flutter

 然后输入


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

然后cd入目录

cd ./myfluttera

然后跑项目

flutter run  //启动项目

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

flutter安装,前端,flutter

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

flutter安装,前端,flutter

 等他跑完,

flutter安装,前端,flutter

成功启动 文章来源地址https://www.toymoban.com/news/detail-702436.html

到了这里,关于flutter的安装与环境配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 如何从零开始配置前端环境以及安装必备的软件插件

    在当今快速发展的互联网时代,前端开发已经成为一项备受关注和需求不断增长的技术工作。作为一名前端工程师,拥有一台配置良好的电脑是提高工作效率和顺利进行项目开发的关键。在本文中,我们将向大家介绍如何 从零开始配置一台新的电脑 ,以便能够顺利地搭建和

    2024年02月14日
    浏览(46)
  • ruoyi-vue(若依前后端分离版本)环境搭建 用idea 安装redis 后端配置 配置node环境 前端配置

    1.在https://gitee.com/y_project/RuoYi-Vue下载源码并解压至本地文件 2.将sql文件下的两个sql文件导入数据库生成表  3.在E:eclipsespaceoneRuoYi-Vue-masterruoyi-adminsrcmainresourcesapplication-druid.yml修改数据库名和密码 4.在E:eclipsespaceoneRuoYi-Vue-masterruoyi-adminsrcmainresourcesapplication.yml配置red

    2024年04月14日
    浏览(37)
  • Mac M1/M2/M3 芯片环境配置以及常用软件安装-前端

    最近换了台新 Mac ,所有的配置和软件就重新安装下,顺便写个文章。 1. 安装 Homebrew 安装 Homebrew 【 Mac 安装 Homebrew 】 通过国内镜像安装会比较快 安装 Git 后再运行此脚本,在系统弹窗中点击“安装”按钮 点击安装按钮,安装 Git 之后在重新运行此命令,即可安装 Homebrew 可以

    2024年02月04日
    浏览(97)
  • Unbutu系统-Docker安装、JDK环境配置,Docker常用指令、Docker安装MySQL、Redis、Tomcat、Nginx,前端后分离项目部署

    目录 1、防火墙 1.1、查看防火墙状态 1.2、开启防火墙 1.3、关闭防火墙 1.4、重启防火墙 1.5、查看防火墙版本 2、安装JDK 2.1、官网下载tar包 2.3、解压tar.gz文件 2.4、配置环境变量 2.4.1、查看安装路径 2.4.2、设置环境变量 2.4.3、执行该让环境变量生效 2.4.4、查看JDK版本 3、Docker

    2024年02月04日
    浏览(42)
  • Mac Flutter环境配置

    Flutter的环境配置其实是比较简单的。我这里是选择 Android Studio 作为开发 Flutter 的⼯具。 下载 Flutter 的 SDK ,官网下载地址:https://flutter.dev   选择MacOS,选择下载最新的 Stable 版本 也可以选择 SDK releases 下载旧版本 下载完成后,解压安装,我这里选择安装在家目录下(~/)

    2024年02月06日
    浏览(31)
  • flutter mac环境配置

    在 macOS 上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter一、配置flutter环境变量在 macOS 上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter 解压文件放在我的文档里面 然后设置环境变量 1. 执行打开.bash_profile文件的命

    2024年02月13日
    浏览(48)
  • Flutter 环境配置

    电脑上面安装配置JDK 1.下载安装JDK 下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html) 2.配置JDK 2.1、系统变量 里面新增JAVA_HOME,设置值为java sdk 根目录: 2.2 系统变量 找到Path 在Path环境变量里面增加如下代码 ;%JAVA_HOME%bin;%JAVA_HOME%jrebin 电脑上下载安

    2024年02月12日
    浏览(28)
  • Flutter 环境变量配置和flutter doctor中的错误解决

    一、环境变量 右键点击 我的电脑-属性:然后找到环境变量   1.Android的SDK不在C盘的话需要额外配这个到用户环境变量: 2.然后在系统变量:Path 中添加一条这样的值         D:Flutterflutterbin                  这个值写flutter包解压的实际地址即可  3.在系统变量中添

    2023年04月26日
    浏览(36)
  • mac下配置Flutter环境变量

    1. 执行打开.bash_profile文件的命令: open -e .bash_profile 如果你看到 .bash_profile does not exist. 执行 touch .bash_profile 创建 bash_profile文件 2.打开.bash_profile文件后直接在最末尾处追加设置flutter bin目录路径为环境变量: export PATH=${PATH}:/Users/leeyukun/flutter/bin 3.保存关闭.bash_profile文件之后,需要

    2024年02月06日
    浏览(31)
  • Android studio Flutter环境配置

    流程如下 1.前往下载网站下载所需的sdk flutter sdk下载地址 2.配置环境变量步骤 2.1:可以在用户变量中添加变量(有些时候我没有配置这两条变量也没问题) 2.2在用户环境变量的Path中添加flutter bin路径 3.cmd打开命令窗,运行flutter doctor 可查看flutter sdk 信息,可以看到配置到环境

    2024年02月17日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包