1. 秦子帅的博客首页
  2. Android

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

Flutter安装入门教程

 

输入下面命令:

git clone -b master https://github.com/flutter/flutter.git

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

Flutter安装入门教程

环境变量配置

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

Flutter安装入门教程

在后面以”;”号隔开添加flutter路径

 

Flutter安装入门教程

成功之后在终端窗口输入:

如果提示错误,可以重启一下机器,再次尝试

然后就会出现下面所示的内容:

 

Flutter安装入门教程

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

插件安装(Fultter与Dart)

以开发工具Android Studio为例:

Flutter插件

点击Android Studio —> File —> Settings —> Plugins

Flutter安装入门教程
Dart插件 同理

创建一个Flutter项目

File—>New—>New Flutter Project

 

Flutter安装入门教程

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

Flutter安装入门教程
Flutter安装入门教程

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

Flutter安装入门教程
公众号

原文始发于:Flutter安装入门教程

发布者:秦子帅,转转请注明出处:http://qinzishuai.cn/index.php/2019/07/07/efddc1250c/

联系我们

912241847

在线咨询:点击这里给我发消息

邮件:qzs531156@163.com

QR code