flutter(一)介绍和环境搭建

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

对flutter你们是否熟悉呢?以前作项目用到了flutter,在开发中使用到了flutter的各类组件,如今把开发中使用的关键技术,整理起来供你们参考学习,前期针对初级,后面会以项目的形式让你们学会flutter跨平台开发APP应用。前端

本篇文章为你们介绍flutter的介绍和环境搭建,本文针对功能点作特殊实例或者图文讲解,特别详细的总体使用咱们会在其它的文章中来展开说明react

1. flutter的介绍

Flutter是谷歌的移动UI框架,能够快速在iOS和Android上构建高质量的原生用户界面。 Flutter能够与现有的代码一块儿工做。在全世界,Flutter正在被愈来愈多的开发者和组织使用,而且Flutter是彻底免费、开源的。

linux

  • flutter的特色android

1.跨平台能力,支持多个平台:ios,android,linux,fuchsia,跨平台能力写一套代码能够编译成多个平台版本ios

(2.)原生开发,体验更好,不是网页开发,比网页体验高,性能更好git

(3.)flutter是开源的,也是免费,而且能够用于商用程序员

  • Flutter和其余主流前段移动框架对比github

(1). cordova,react native(60帧分秒),flutter渲染技术上 实现了本身的gdi

(2).flutter达到 120fps超高性能windows

  • flutter技术的生态环境框架

(1)flutter是google公司出品和推广

(2)第三方组件的发展,愈来愈多的组件提供开发中使用,例如改网站:https:github.com/Solido/awesome-flutter

(3)flutter的官网地址 https://flutter.io

上面主要针对flutter作了一个介绍,让你们明白这个是什么东东,而且我相信你们确定也很清楚了,那么这个flutter适合什么人群呢?

1.适合技能提高的程序员

2.适合前端技术开发人员

3.移动APP开发人员

4.热爱程序的人群

1. 环境搭建

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

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

3.flutter sdk的安装

  下载地址

  https://flutter.dev/docs/development/tools/sdk/releases

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

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

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

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

(3)下载的压缩包解压,解压后

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

(4)解压后配置flutter环境变量,使用flutter的时候 不配置找不到,或者须要进入目录

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

设置目录为解压目录

 

 

(5)命令行进入查看flutter的安装状况,提示以下为成功

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

(6)经过 flutter  doctor 查看 fultter的环境配置是否完成

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

到这里咱们就算正式的了解并搭建好了flutter的开发环境,下章咱们说一下 flutter的开发工具和建立一个项目。


watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

 

- End -

 

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

相关文章
相关标签/搜索