Flutter安装入门教程
### 前言
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安装入门教程的更多相关文章
- flutter 安装详细教程
Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK.Flutter 兼容现有的代码,免费且开源,在全球开发者中广泛被使用. 安 ...
- Ansible安装 入门教程
learn一门新技术咯: ansible是新出现的自动化运维工具,基于Python开发,集合了众多运维工具(puppet.cfengine.chef.func.fabric)的优点,实现了批量系统配置 ...
- PostgreSQL安装入门教程
一.安装 首先,安装PostgreSQL客户端. sudo apt-get install postgresql-client 然后,安装PostgreSQL服务器. sudo apt-get ins ...
- EmguCV C# 安装入门教程
EmguCv3的安装. EmguCv3下载网址 http://sourceforge.net/projects/emgucv/files/emgucv/3.0.0/ 推荐下载第一个: 点击direct ...
- Flutter入门教程(四)第一个flutter项目解析
一.创建一个Flutter工程 1.1 命令行创建 首先我们找一个空目录用来专门存放flutter项目,然后在路径中直接输入cmd: 使用 flutter create <projectname ...
- ActiveReports 报表控件官方中文入门教程 (1)-安装、激活以及产品资源
本系列文章主要是面向初次接触 ActiveReports 产品的用户,可以帮助您在三天之内轻松的掌握ActiveReports控件的基本使用方法,包括安装.激活.创建报表.绑定数据源以及发布等内容.本 ...
- 【OpenCV入门教程之一】 安装OpenCV:OpenCV 3.0 +VS 2013 开发环境配置
图片太多,具体过程参照: [OpenCV入门教程之一] 安装OpenCV:OpenCV 3.0.OpenCV 2.4.8.OpenCV 2.4.9 +VS 开发环境配置 说下我这边的设置: 选择deb ...
- 【django入门教程】Django的安装和入门
很多初学django的朋友,都不知道如何安装django开发以及django的入门,今天小编就给大家讲讲django入门教程. 注明:python版本为3.3.1.Django版本为1.5.1,操作系 ...
- 转:Scrapy安装、爬虫入门教程、爬虫实例(豆瓣电影爬虫)
Scrapy在window上的安装教程见下面的链接:Scrapy安装教程 上述安装教程已实践,可行.(本来打算在ubuntu上安装Scrapy的,但是Ubuntu 磁盘空间太少了,还没扩展磁盘空间,所 ...
随机推荐
- Java修炼——面向对象的三大特征_封装的使用
封装的作用含义:程序设计追求"高内聚,低耦合" 1.提高代码的安全性 2.提高代码的复用性 3."高内聚":封装细节,便于修改内部代码,提高可 维护性 4.&q ...
- [TimLinux] MySQL 导入sql文件数据慢的问题解决办法
慢的时候执行的命令: mysql -uusername -p -hip_address -Ddb_name < ./db.sql 快的时候执行的命令: mysql -uusername -p - ...
- hdu4585Shaolin
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4585 题意: 第一个人ID为1,战斗力为1e9. 给定n,给出n个人的ID和战斗力. 每个人必须和战斗 ...
- seaborn 数据可视化(二)带有类别属性的数据可视化
Seaborn的分类图分为三类,将分类变量每个级别的每个观察结果显示出来,显示每个观察分布的抽象表示,以及应用统计估计显示的权重趋势和置信区间: 第一个包括函数swarmplot()和stripplo ...
- CMFCPropertyGridCtrl的属性改变事件代码
//用于区分Prop, 使用SetData, GetData方法 CMFCPropertyGridProperty* pProp1 = new CMFCPropertyGridProperty(str ...
- 解决老浏览器不支持ES6的方法
转载地址:http://www.rockyxia.com/?p=669 为什么ES6会有兼容性问题? 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使 ...
- jmeter微信公众号接口测试实例
线程组 HTTP Cookie 管理器 HTTP 请求默认值 用户定义的变量 察看结果树 HTTP请求 响应断言 正则表达式提取器 线程组 HTTP Cookie 管理器 HTTP 请求默认值 用户定 ...
- Electron 设置 -webkit-app-region 后无法响应鼠标点击事件的解决方式
参考博客:https://blog.csdn.net/qq_20264891/article/details/87721163
- WinForm GroupBox控件重绘外观
private void groupBoxFun_Paint(PaintEventArgs e, GroupBox groupBox){ e.Graphics.Clear(groupBox.BackC ...
- 服务发现(consul)搭建
服务发现(consul)搭建 下载最新版 consul 本人使用的版本为1.5.1,操作系统:window server 2008 consul部署的时候分为客户端和服务端,本次操作服务器2台,客户端 ...