关于Flutter的安装入门教程

举报
府学路18号车神 发表于 2022/04/05 11:49:16 2022/04/05
【摘要】 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

在这里插入图片描述

@TOC

前言

最近想搞一把大的,移动开发,给大家分享一篇大佬整理的超详细的Flutter安装入门教程。

链接:https://www.jianshu.com/p/a9ff23f96305

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
非常安好Flutter,所以也进入到了Flutter学习行列啦,今天主要讲一下Flutter的安装,具体包括:

  • Flutter需要配置的工具

  • Flutter SDK下载

  • Flutter环境变量的配置

  • 插件安装(Fultter与Dart)

  • 创建一个Flutter项目

Flutter工具配置

1. Git

我们需要下载Git

直接去Git官网配置,地址:
https://git-scm.com

2. Android开发工具

Android Studio下载
下载地址:
https://developer.android.google.cn/studio/

Futter SDK下载

使用Git克隆仓库下载,找一个全英文路径(无空格)点击右键找到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
在这里插入图片描述
然后输入项目名称等等信息,就创建成功了
在这里插入图片描述
然后就可以啦~
在这里插入图片描述
下次更新学习教程~

一步一个脚印,冲!!!


❤坚持读Paper,坚持做笔记,坚持学习,坚持刷力扣LeetCode❤!!!
坚持刷题!!!冲击国赛
To Be No.1

⚡⚡


创作不易⚡,过路能❤关注收藏点个赞三连就最好不过了

ღ( ´・ᴗ・` )

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。