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安装入门教程的主要内容,如果未能解决你的问题,请参考以下文章