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模板网!

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

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

相关文章

  • 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日
    浏览(48)
  • Mac M1/M2/M3 芯片环境配置以及常用软件安装-前端

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

    2024年02月04日
    浏览(124)
  • 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日
    浏览(53)
  • 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日
    浏览(35)
  • flutter mac环境配置

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

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

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

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

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

    2023年04月26日
    浏览(44)
  • 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日
    浏览(38)
  • Android studio Flutter环境配置

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

    2024年02月17日
    浏览(44)
  • IIS部署vue前端过程(含IIS及相关配置和安装),部署遇到的问题及报错(承接vueconfig.js全局配置环境变量,跨域问题)

    目录 一.IIS使用安装。 二.部署准备工作 三.部署前端(以vue为主) 四.问题与报错 1.HTTP 错误 404.0 - Not Found(需重写路由入口) 2.请求调用不了(需要重写请求地址) 3.地址显示undefined 第一步,打开“ 控制面板 ”,点击“ 网络和Internet ”。 第二步,点击左侧“ 程序 ”,然后点击

    2024年02月08日
    浏览(66)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包