Flutter学习---Flutter环境搭建与入门

一、Flutter简述

Flutter是Google使用Dart语言开发的移动应用开发框架,使用一套Dart代码就能构建高性能、高保真的iOS和Android应用程序。

二、为什么选择Flutter

跨平台
即时渲染
热重载等特性

三、Flutter环境配置

Flutter对于系统的要求:

  • Windows 7以上版本(64位)、Mac或Linux操作系统(64位)
  • 磁盘空间:400 MB(不包括Android Studio的磁盘空间)。
  • 已经安装及配置Git

第一步:安装Flutter SDK
打开一个cmd窗口或者使用Git Bash 输入以下命令,克隆Flutter库到本地。

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

第二步:配置环境变量
依次打开 控制面板>> 系统和安全 >> 系统 >> 高级系统设置 >> 环境变量,在Path变量中添加Flutter的安装路径

C:[你的Flutter路径]\flutter\bin

第三步:flutter doctor
该命令查看还缺少那些依赖(可重复执行)。
cmd打开命令行窗口,并运行以下命令:

flutter doctor

运行截图如下:
这里写图片描述
第四步:IDE的选择:Android Studio 与 IntelliJ IDEA
这个就不多说了,安装Android Studio,并下载Android sdk。
身为一名专业的android工程师,我果断选择的Android Studio.

第五步:配置Flutter和Dart插件
使用Android Studio 开发Flutter项目,需要配置必要的两个插件Flutter和Dart。Dart用与代码的分析,Flutter用于工程的编译等。
配置方法如下:
①Android Studio欢迎页面:Configure>Settings>Plugins
②Android Studio项目打开页面:File>Settings>Plugins。
在搜索框分别搜索Flutter和Dart,并安装。 截图如下:
这里写图片描述
Flutter学习---Flutter环境搭建与入门_第1张图片
安装完以后需要在Android Studio配置Flutter和Dart的安装路径
Flutter学习---Flutter环境搭建与入门_第2张图片
Flutter学习---Flutter环境搭建与入门_第3张图片

配置Flutter 和 Dart 插件成功后,重启Android Studio,在Android Studio的欢迎页面可以看到新增加了一行操作:Start a new Flutter project
这里写图片描述

到目前为止,你已经完成了Flutter 的配置工作。
接下来我们开始创建一个Flutter项目。

四、开启你的第一个Flutter项目

创建项目步骤: Start a new Flutter Project >> Next (默认选择Flutter Application)>> Next (选择修改项目名和项目路径)>> Finish(选择修改包名)
创建成功
Flutter学习---Flutter环境搭建与入门_第4张图片
点击run运行项目,截图如下。
Flutter学习---Flutter环境搭建与入门_第5张图片
OK,运行成功。

注:在这里,你可能会遇到一个error

Got socket error trying to find package coverage at http://pub.dartlang.org Error: Unable to pub upgrade flutter tool. Retrying in five seconds…

遇到这个问题是链接超时造成的,需要配置flutter镜像的环境变量,详细解决办法跳转Got Socket Error解决办法

你可能感兴趣的:(flutter学习之路)