您的位置: 首页 > 文章 > 1-Flutter简介与环境搭建

1-Flutter简介与环境搭建

分类: 文章 • 2024-03-28 17:03:40

1 Flutter简介

Flutter 是Google 推出的开源跨端移动应用解决方案技术，跨平台，高性能，高保真，丰富组件是它独有优势，大公司出品能让其持续发展，开源社区活跃有问题能得到解决，开发者用Dart语言就可创作移动应用。Dart 语言语法有点类似JAVA和JS，有Java或Js基础，可以快速上手。跨端是指一套代码能在Android和IOS两大平台上运行。目前为什么很流行跨端？原因是原生开发成本比较高，不同平台需要不同的技术人员制作和维护，接口调试也费时间，有时版本升级IOS平台还需审核(有办法，让其快速通过。)，这些是原生存在的劣势。当前跨端解决方案有以下几种 H5+原生(微信小程序，Ionic)，React Native，Weex，Flutter。

2 Flutter Windows环境搭建

2.1 下载Flutter SDK ，从这个地址下载 https://flutter.dev/docs/development/tools/sdk/releases

1-Flutter简介与环境搭建 FlutterSDK Windows下载

2.2 解压安装包，配置环境变量，配置环境变量的原因通过命令行就可以调试。不想配置环境，命令行操作，需进入Flutter的bin目录下。

1-Flutter简介与环境搭建环境变量配置

2.3 用户变量配置上临时镜像地址

PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置地址有什么用呢？有时项目下载一些依赖包就用到他们了。PUB_HOSTED_URL是Dart依赖包下载地址，FLUTTER_STORAGE_BASE_URL是Flutter依赖包下载地址。

1-Flutter简介与环境搭建镜像地址配置

2.4 验证环境配置是否成功输入flutter --version。出现提示如下，说明安装成功。

1-Flutter简介与环境搭建配置成功提示

3 Flutter MacOs 环境搭建,跟windows差不多的

3.1 下载Flutter SDk，地址https://flutter.dev/docs/development/tools/sdk/releases

1-Flutter简介与环境搭建 MacOs下载Flutter SDK

3.2 环境变量配置

A 添加路径 export PATH=[FLUTTER_INSTALL_PATH]/flutter/bin:$PATH

B 举例 Flutter 安装目录是“~/code/flutter_dir”

执行命令export PATH=~/code/flutter_dir/flutter/bin:$PATH

C 运行 source $HOME/.bash_profile 刷新当前终端窗口

D 验证“flutter/bin”是否已在PATH中：echo $PATH