flutter 介绍和环境搭建

Posted ljygirl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter 介绍和环境搭建相关的知识,希望对你有一定的参考价值。

flutter的介绍

Flutter是谷歌的移动UI框架,可以快速在iosandroid上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

  • flutter的特点
  1. 跨平台能力,支持多个平台:ios,android,linux,fuchsia,跨平台能力写一套代码可以编译成多个平台版本
  2. 原生开发,体验更好,不是网页开发,比网页体验高,性能更好
  3. flutter是开源的,也是免费,并且可以用于商用
  • Flutter和其他主流前段移动框架对比
  1. cordova,react native(60帧分秒),flutter渲染技术上 实现了自己的gdi
  2. flutter达到 120fps超高性能
  • flutter技术的生态环境
  1. flutter是google公司出品和推广
  2. 第三方组件的发展,越来越多的组件提供开发中使用,例如改网站:https:github.com/Solido/awesome-flutter
  3. flutter的官网地址 https://flutter.io
  • flutter适合人群
  1. 适合技能提升的程序员
  2. 适合前端技术开发人员
  3. 移动APP开发人员
  4. 热爱程序的人群

环境搭建

1.安装系统基本要求
  windows7以上的64位操作系统
  磁盘空间大于4g,越高越好

2.Java搭建环境的安装
  jdk安装,验证安装情况,(这个相信大家应该都会安装jdk,这个在这里不再多说)

3.flutter sdk的安装

  下载地址 https://flutter.dev/docs/development/tools/sdk/releases

下面图示 选择下载版本,该版本根据当前官网 ,最好是下载一个稳定的,不一定需要最新的。

技术图片

 

 下载文件和包名,下载下来后是一个压缩包

技术图片

 

 下载的压缩包解压,解压后配置flutter环境变量,使用flutter的时候 不配就找不到,或者需要进入目录,进入电脑属性,高级系统设置

技术图片

 

 

技术图片

 

 技术图片

 

 命令行进入查看flutter的安装情况,提示如下为成功

技术图片

 

 通过 flutter  doctor 查看 fultter的环境配置是否完成

技术图片

 

 添加flutter国内镜像

FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn

PUB_HOSTED_URL https://pub.flutter-io.cn

技术图片

 

 工具中需要安装两个插件

Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等)

Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等)

 

flutter镜像

阿里云 gradle镜像库 解决原maven下载慢的问题

maven{ url ‘https://maven.aliyun.com/repository/google‘}
maven{ url ‘https://maven.aliyun.com/repository/gradle-plugin‘}
maven{ url ‘https://maven.aliyun.com/repository/public‘}
maven{ url ‘https://maven.aliyun.com/repository/jcenter‘}

build.gradle文件中

技术图片

 

以上是关于flutter 介绍和环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

Flutter环境搭建

Flutter之环境配置与项目搭建

如何在不同平台上搭建Flutter开发环境

windows 搭建flutter开发环境

windows 搭建flutter开发环境

vscode flutter 环境搭建