Flutter系列 小白也能看懂,拿来就能用的Flutter安装入门教程

一、前言

Flutter的安装流程:

  • Flutter需要配置的工具
  • Flutter SDK下载
  • Flutter环境变量的配置
  • 插件安装(Fultter与Dart)
  • 创建一个Flutter项目

二、Flutter工具配置

(1)安装Git

https://git-scm.com
在这里插入图片描述
在这里插入图片描述
点击下载后,我这有迅雷下载会自动跳转至迅雷链接下载,你们也可以直接在网页上下载
在这里插入图片描述

(2)安装Android开发工具 Android studio

https://developer.android.google.cn/studio/
在这里插入图片描述
(3)Futter SDK下载

使用Git克隆仓库下载,找一个全英文路径(无空格)点击右键找到Git Bash

或者自己创建一个文件夹,要全英文的,然后在文件夹里面 右键 找到 Git Bash
在这里插入图片描述

输入下面命令:
git clone -b master https://github.com/flutter/flutter.git

注意,其中的master代表的是分支
在这里插入图片描述

环境变量配置

这里以WIN10为例:

右键点击我的电脑—>属性—>高级系统设置—>环境变量—>双击path—>编辑文本

在这里插入图片描述
在后面以";"号隔开添加flutter路径
在这里插入图片描述

成功之后在终端窗口输入:
flutter doctor

如果提示错误,可以重启一下机器,再次尝试

然后就会出现下面所示的内容:
在这里插入图片描述
显示我们的Flutter插件与Dart 插件没有安装 ,这个是正常的 !

插件安装(Fultter与Dart)

以开发工具Android Studio为例:

Flutter插件
点击Android Studio —> File —> Settings —> Plugins
在这里插入图片描述

在这里插入图片描述

Dart 插件 同理

在这里插入图片描述

创建一个Flutter项目

File—>New—>New Flutter Project
在这里插入图片描述
然后输入项目名称等信息,创建项目
在这里插入图片描述
执行编译
在这里插入图片描述
在这里插入图片描述

运行Android手机效果

在这里插入图片描述

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

其子昱舟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值