### 前言

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

![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093348389-2100776084.png)
输入下面命令:
>git clone -b master https://github.com/flutter/flutter.git

注意,其中的master代表的是分支

![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093350411-212929841.png)

### 环境变量配置
这里以WIN10为例:
右键点击我的电脑--->属性--->高级系统设置--->环境变量--->双击path--->编辑文本

![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093352441-1026037347.png)

在后面以";"号隔开添加flutter路径
![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093354413-935522669.png)

成功之后在终端窗口输入:
```
flutter docator
```
如果提示错误,可以重启一下机器,再次尝试

然后就会出现下面所示的内容:
![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093357419-1521483953.png)

显示我们的Flutter插件与Dart 插件没有安装 ,这个是正常的 !

###插件安装(Fultter与Dart)

以开发工具Android Studio为例:
###### Flutter插件
点击Android Studio ---> File ---> Settings ---> Plugins

![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093359426-2010804292.png)

###### Dart插件 同理

### 创建一个Flutter项目
File--->New--->New Flutter Project
![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093401420-1637467108.png)

然后输入项目名称等等信息,就创建成功了

![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093403377-713981288.png)

![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093405375-1212039865.jpg)

大家可以关注我的微信公众号:「秦子帅」一个有质量、有态度的公众号!

![公众号](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093408439-604468360.jpg)

Flutter安装入门教程的更多相关文章

  1. flutter 安装详细教程

    Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK.Flutter 兼容现有的代码,免费且开源,在全球开发者中广泛被使用. 安 ...

  2. Ansible安装 入门教程

    learn一门新技术咯: ansible是新出现的自动化运维工具,基于Python开发,集合了众多运维工具(puppet.cfengine.chef.func.fabric)的优点,实现了批量系统配置 ...

  3. PostgreSQL安装入门教程

    一.安装 首先,安装PostgreSQL客户端. sudo apt-get install postgresql-client 然后,安装PostgreSQL服务器. sudo apt-get ins ...

  4. EmguCV C# 安装入门教程

    EmguCv3的安装. EmguCv3下载网址 http://sourceforge.net/projects/emgucv/files/emgucv/3.0.0/ 推荐下载第一个: 点击direct ...

  5. Flutter入门教程(四)第一个flutter项目解析

    一.创建一个Flutter工程 1.1 命令行创建 首先我们找一个空目录用来专门存放flutter项目,然后在路径中直接输入cmd: 使用 flutter create <projectname ...

  6. ActiveReports 报表控件官方中文入门教程 (1)-安装、激活以及产品资源

    本系列文章主要是面向初次接触 ActiveReports 产品的用户,可以帮助您在三天之内轻松的掌握ActiveReports控件的基本使用方法,包括安装.激活.创建报表.绑定数据源以及发布等内容.本 ...

  7. 【OpenCV入门教程之一】 安装OpenCV:OpenCV 3.0 +VS 2013 开发环境配置

    图片太多,具体过程参照: [OpenCV入门教程之一] 安装OpenCV:OpenCV 3.0.OpenCV 2.4.8.OpenCV 2.4.9 +VS 开发环境配置 说下我这边的设置: 选择deb ...

  8. 【django入门教程】Django的安装和入门

    很多初学django的朋友,都不知道如何安装django开发以及django的入门,今天小编就给大家讲讲django入门教程. 注明:python版本为3.3.1.Django版本为1.5.1,操作系 ...

  9. 转:Scrapy安装、爬虫入门教程、爬虫实例(豆瓣电影爬虫)

    Scrapy在window上的安装教程见下面的链接:Scrapy安装教程 上述安装教程已实践,可行.(本来打算在ubuntu上安装Scrapy的,但是Ubuntu 磁盘空间太少了,还没扩展磁盘空间,所 ...

随机推荐

  1. 这可能是最容易入门的socket教程了

    前言: 如今,网络编程已然成为了一个后端开发工程师需要具备的核心技能之一.因此,该博客力求提供最简单.通俗的描述方式,来描绘网络编程中常见的知识点,同时附带代码示例,后期会加上具体的抓包分析,实际项目 ...

  2. SpringBoot项目创建与第一个SSM项目示例

    本节介绍SpringBoot创建第一个示例SSM项目的完整过程,使用工具STS,与IDEA操作基本类似. 示例代码在:https://github.com/laolunsi/spring-boot-e ...

  3. flex布局的兼容问题

    一.W3C各个版本的flex 2009 version 标志:display: box; or a property that is box-{*} (eg. box-pack) 2011 versi ...

  4. DAO模式多表联查

    student类: package com.myschool.entity; public class student{  private int studentno; //学号  private S ...

  5. [TimLinux] Django 信号

    1. 信号定义 django包含有一个“信号分发器”,在框架内任何时候,在任何地方,有动作发生时,用来帮助解耦应用之间获取通知.简言之,信号允许特定的发送者通知一系列接收者某一特定动作已经发生了.特别 ...

  6. HDU-6113

    度度熊是一个喜欢计算机的孩子,在计算机的世界中,所有事物实际上都只由0和1组成. 现在给你一个n*m的图像,你需要分辨他究竟是0,还是1,或者两者均不是. 图像0的定义:存在1字符且1字符只能是由一个 ...

  7. POJ1458 Subsquence

    A subsequence of a given sequence is the given sequence with some elements (possible none) left out. ...

  8. 关注图像采集视频传输之USB3.0 应用

    参考文献 百度文库 http://baike.baidu.com/link?url=82OyhoL1AsNaT35CvscmeZqHjlggtFw-Cez2qYwjLHNXGhXfv38pUlsIJB ...

  9. 用FPGA设计LCD 转 VGA

    这个东西其实是在上一个冬天就做完了,而且似乎已经产业化了,当时是为一位朋友做的,这个朋友再卖给产业化的人,就像流于俗套的故事一样,这个朋友拿到了钱,不过不像项目开始时说的那样与我有关.想想多年前一起吃 ...

  10. 【MobX】390- MobX 入门教程(上)

    点击上方"前端自习课"关注,学习起来~ 本文考虑到篇幅问题,将<MobX 入门教程>分成上.下两篇文章,方便阅读.分配安排: 一.MobX 介绍 首先看下官网介绍: ★ ...