码迷,mamicode.com
首页 > 其他好文 > 详细

flutter 介绍和环境搭建

时间:2020-06-17 14:20:23      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:href   reac   too   空间   系统   jce   repos   技术   实现   

flutter的介绍

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 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 介绍和环境搭建

标签:href   reac   too   空间   系统   jce   repos   技术   实现   

原文地址:https://www.cnblogs.com/ljygirl/p/13152158.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!