初学者这样玩Flutter

欢迎使用Markdown编辑器

为什么要学Flutter

1. 学习flutter，可以让你更有竞争力。

2. flutter的目标并不局限于移动端的开发，flutter未来的目标是在全平台包括电视，mac，windows，linux

3. flutter自带渲染引擎，公司在开发app的时候，可以把ios和android平台做到体验一致、

4. 120fps超高性能

5. 国内最早使用flutter的知名公司是阿里巴巴的咸鱼，腾讯的NOW live和京东金融。

6. 最后说一点，现在很多小公司或者创业公司，由于开发原生app成本高（需要开发两个平台APP），现在都是用跨平台开发了，一套代码多端适用。

学习适合人群

1. 前端爱好者：希望升级技能，掌握全端开发的技术。

2. Flutter从业人员：Flutter从业人员一定也可以学到很多知识。

3. 移动开发爱好者：想从事移动开发，但是还没有入门的新手。

4. 最好已经会一门语言java，js等

Flutter简介

极速构建漂亮的原生应用

• Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。
• Flutter开发语言是dart，刚开始看到dart的时候，大部分人的感觉就是，怎么这么多括号，习惯了就好

跨平台：

现在Flutter至少可以跨4种平台，甚至支持嵌入式开发。我们常用的有Linux、Android、IOS，甚至可以在谷歌最新的操作系统上Fuchsia进行运行,经过第三方扩展，甚至可以跑在MacOS和Windows上，到目前为止，Flutter算是支持平台最多的框架了，良好的跨平台性，直接带来的好处就是减少开发成本。

原生用户界面：

它是原生的，让我们的体验更好，性能更好。用官方的话讲就是平滑而自然的滑动效果和平台感知，为您的用户带来全新的体验。

开源免费：

这个不用多说，我们只要学会并使用，这些都是免费的。这对于大公司是非常必要的
Google的发布会介绍：https://www.youtube.com/watch?v=RS36gBEp8OI
Flutter官网：https://flutterchina.club/
github地址：https://github.com/Solido/awesome-flutter 大牛 整理了一些项目，教程和插件
showcase:https://flutter.io/showcase

Flutter开发环境搭建Windows版

打开官网

官网地址：https://flutterchina.club/如图

点击快速开始

选择对应系统：这里选择WINDOWS
点击WINDOWS会出现对应的操作步骤

会看上面的步骤就不用继续看了，安装官网的操作步骤就行，后面我也是安装官网上的来的！

系统要求

要安装并运行Flutter，您的开发环境必须满足以下最低要求:

• 操作系统: Windows 7 或更高版本 (64-bit)
• 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).

下载Flutter SDK

1. 去flutter官网下载其最新可用的安装包，下载地址：https://flutter.dev/docs/development/tools/sdk/releases
2. 将安装包zip解压到你想安装Flutter SDK的路径（如：C:\src\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\Program Files\），最好不要安装到C盘，尽量安装到除系统盘以外的盘。
3. 在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了。

设置环境变量

选中我的电脑-》右键-》选中属性出现如图
-》点击高级系统设置如图
-》点击环境变量如图
-》在用户变量里点击新建如图（如果已经有path，选中path点击编辑把flutter的bin的路径输入就可以了）

这样Flutter环境变量就设置好了

运行 flutter doctor命令

快捷键打开cmd运行窗口：windows键+R，windows键就是键盘上左下角有个windows标志的那个键；出现如图
然后再框里输入cmd，点击确定，出现一个黑色的命令窗口如图

然后再里面输入flutter doctor然后回车如图
我这是已经配好环境了如果像我这样的就可以开发Flutter了，新安装的到这里还没结束，你那边肯定会有几个显示的×的

Android设置

1. 安装OpenJDK（为什么不是JDK，因为JDK 是要收费的，openJdk是开源免费的，都是可以用的）
   下载JDK：https://jdk.java.net/18/（这里我们下的JDK8）如图
   将下载好的JDK解压，然后找到复杂路径，下面就开始配置环境变量

还是跟上面Flutter环境变量差不多设置
如图


这两步就设置好了
设置好后，打开cmd输入java -version如图，出现版本号就说明OK，如果没显示的话先检查一下有没有输错，还是不行的话，重启电脑

2. 安装Android Studio
   下载地址：https://developer.android.google.cn/studio/
   怎么安装这里就不详细说了，有一篇很详细的文章，连接地址：https://www.jianshu.com/p/9e7003242894
   可以参照这个，如果电脑上没有Android SDK ，安装的时候Android SDK 一定要勾上一起安装
3. Android SDK设置环境变量
   如图
   
   按照如图设置就好，然后打开Android studio创建一个项目，打开设置如图，
   按照下面的图片安装Flutter插件，安装完后，在cmd里面输入flutter doctor，看看安装完成没有，如果还是没有安装完成，可以私信我，
   

最后奉上一下Flutter的资源，这是我网上找来的，只供学习
链接：https://pan.baidu.com/s/1i1C7i0PPY8I9KqQRNHTvSQ
提取码：a0ph

对有帮助的，希望一键三连哈，谢谢