flutter学习之环境搭建

2019-06-24  本文已影响0人  飞马_6886

为什么学习flutter

flutter 1.0版本一发布,就引起互联网企业的高度关注,而且在之后就引入到自家的产品之中,flutter好像一夜之间就火遍大江南北,这就是爸爸的力量吧。

SDK安装

官方网站:https://flutter.dev

中文网站:https://flutterchina.club

下载SDK 地址https://flutterchina.club/get-started/install/

点击直达

选择对应的系统版本 下载最新版本

将下载的文件解压到指定的文件夹内,并将bin目录配置到系统环境变量

配置环境变量

测试环境变量搭建是否OK,在cmd窗口输入 flutter doctor

前面红X ,说明是有问题的 项  

1.需要配置Android SDK的环境变量,把Android SDK的目录加入环境变量 再运行 flutter doctor:

上面那个红X没有了 :

2 下面两个红X 说明 需要配置AS开发环境,下面配置AS。

AS环境搭建

菜单依次找到 File -> Setting -> Plugins, 在搜索框输入flutter 搜索结果为空,说明没有安装flutter,点击下方Browse Repositories

没有安装flutter  选中Flutter 点击Install

安装Flutter的同时,会提示安装Dart,Dart是开发Flutter的开发语言。以后章节会有Dart语言的介绍和学习。安装好Dart和Flutter插件后需要重启AS,再次运行 flutter doctor  红色X全部消失了

环境搭建OK 

环境搭建好后,开始新建我的第一个Flutter项目

新建项目 项目位置命名

运行项目,默认gradle版本较高,第一次运行一般需要下载,比较耗时,可以手动修改gradle版本

我的第一个flutter APP就运行起来了

PS:Flutter有一个很大的优势,在debug模式下,你在AS所做的修改,会实时同步到手机或模拟器里,这样很大程度上提高了开发效率,这也是他的强大之处吧。

上一篇 下一篇

猜你喜欢

热点阅读