IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 初学者这样玩Flutter -> 正文阅读

[移动开发]初学者这样玩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,如果没显示的话先检查一下有没有输错,还是不行的话,重启电脑在这里插入图片描述

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

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

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

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-07-29 11:46:00  更:2021-07-29 11:46:45 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/2 16:43:17-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码