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

Posted 彭老希

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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手机效果

在这里插入图片描述

以上是关于Flutter系列 小白也能看懂,拿来就能用的Flutter安装入门教程的主要内容,如果未能解决你的问题,请参考以下文章

入门级解读:小白也能看懂的TensorFlow介绍

单卡就能运行AI画画模型,小白也能看懂的教程来了,还有100万卡时免费NPU算力可用丨昇思MindSpore...

一篇小白也能看懂的动态规划算法文章

白话解析分布式系统,小白也能看懂

netty解码器详解(小白也能看懂!)

小白也能看懂的 Laravel 核心概念讲解