Flutter框架的安装与环境配置

1、 概述

  1. 用途
    Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用。开发者可以通过 Dart语言开发 App,一套代码可同时运行在 iOS 、Android、Mac、Windows等平台,甚至能生成Web版,运行于浏览器中。

  2. 优缺点
    1.1. 优点
    1.主打跨平台、高保真、高性能。

2.开发者可以通过 Dart语言开发 App,一套代码可同时运行在 iOS 、Android、Mac、Windows等平台,甚至能生成Web版,运行于浏览器中。 3.Dart 语法结合Java与JavaScript语法特点,几乎没有令人不适的怪异语法,使Java系程序员倍感亲切,快速上手

4.推荐使用Android Studio,flutter,dart,甚至flushia,是Google重新发力打造的新生态工具,所以无论是从编译、打包,还是后续插件化升级,都有一定的优势

1.2. 缺点
须使用谷歌提供的开发工具Android studio,而且flutter基于谷歌生态进行开发

使用flutter开发,必须同时具备Dart语言能力和Widget(UI)

社区资源相对较少,是一个新生的框架

针对现阶段开发人员,是一种全新的语言,不同于uniapp和小程序可快速的上手。

2、 准备工作
1.1安装Flutter框架工具
A) 下载地址:https://flutter.cn/docs/get-started/install/windows
(windows版本)

B) 将下载的压缩包解压到英文目录下,此路径不得含有中文字符和特殊字符

C) 配置环境变量

选择刚刚解压的flutter目录,找到bin目录并进入,然后复制地址栏中的路径;然后右键我的电脑选择属性-》高级系统设置-》环境变量-》在系统变量中选择Path,新建一条变量添加路径
在这里插入图片描述

D) 测试是否添加成功

Win+R输入cmd打开命令符工具,输入flutter doctor
在这里插入图片描述

起初第二项和第三项会提示X,图中标记,是因为还没有配置Android studio,接下来去配置。
在这里插入图片描述

E) 配置国内镜像(防止下载资源报错问题)

打开flutter中文社区,在最后找打镜像部分进行环境变量的配置

Flutter 社区
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn PUB_HOSTED_URL: https://pub.flutter-io.cn

打开环境变量,在系统变量中分别添加
在这里插入图片描述
在这里插入图片描述

不要忘了点击确认!!

1.2安装Android studio工具
A) 下载地址:https://developer.android.google.cn/studio

B) 安装后打开,下载插件
在这里插入图片描述

在configure中选择plugins,搜索dart和flutter进行下载安装,安装完成重启应用

C) 新建demo

选择默认第一个next
在这里插入图片描述

第二步,项目名称尽量英文
在这里插入图片描述

最后一步,点击finish等待几分钟就创建基本的demo了

在这里插入图片描述

原创文章 3 获赞 1 访问量 65

猜你喜欢

转载自blog.csdn.net/weixin_42228747/article/details/105823988