Flutter开发安卓环境配置

原创已于 2023-12-09 17:19:21 修改 · 1.6k 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android

于 2023-12-09 13:33:55 首次发布

环境配置专栏收录该内容

1 篇文章

订阅专栏

本文介绍了Flutter，一个由谷歌开发的移动UI框架，它支持多平台，包括iOS、Android、Linux和Fuchsia，强调其原生性能和开源特性。文章详细讲解了Dart环境搭建、FlutterSDK下载、路径环境变量设置、以及如何使用AndroidStudio和Chrome浏览器等开发工具。

简介

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

跨平台 现在Flutter至少可以跨 4 种平台，甚至支持嵌入式开发。我们常用的有Linux、Android、IOS，甚至可以在谷歌最新的操作系统上Fuchsia进行运行，经过第三方扩展，甚至可以跑在MacOS和Windows上，到目前为止，Flutter算是支持平台最多的框架了，良好的跨平台性，直接带来的好处就是减少开发成本。

原生用户界面： 它是原生的，让我们的体验更好，性能更好。用官方的话讲就是平滑而自然的滑动效果和平台感知，为您的用户带来全新的体验。

开源免费：同Android系统一样，这些都是免费开源的。

Flutter中文官网上有相关的配置教程：安装和环境配置 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

Dart环境搭建

windows直接下载安装包Dart for Windows (gekorm.com)
选择路径安装，在CMD中输入·dart --version来检测是否安装成功
vscode中下载两个扩展 dart和code runner

新建.dar的文件输入如下，看输出检测是否可用

//dart中所有代码都要放在main(){}中
main() {
  print('你好');//一行结束要用';'
}

void main(){//没有返回值
  print('你好');    
}

下载Flutter SDK

点击下方的安装包，获取 stable 发行通道的 Flutter SDK 3.16.2版本：flutter_windows_3.16.2-stable.zip

要查看其他发行通道和以往的版本，请参阅 SDK 版本列表页面
将压缩包解压，然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中（例如 %USERPROFILE%\flutter 或者 D:\dev\flutter）

请勿将 Flutter 有特殊字符或空格的路径下

请勿将 Flutter 安装在需要高权限的文件夹内，例如 C:\Program Files\

更新 path环境变量

如果你想在 Windows 控制台中运行 Flutter 命令，需要按照下面的步骤来将 Flutter 的运行文件路径加入到 PATH 环境变量。

打开系统高级设置>>环境变量>>系统变量>>Path
在path中加入flutter文件中bin的路径
在CMD中输入flutter来检测是否成功

运行flutter doctor

打开CMD输入flutter doctor

上面展示了flutter开发环境所必需下载的一些东西

Android Studio
Google Chrome浏览器
Visual Studio

下载Google Chrome浏览器

进入官网下载即可GPT浏览器 (niduj.com)

下载Visual Studio

下载Visual Studio2022社区版即可下载 Visual Studio Tools - 免费安装 Windows、Mac、Linux (microsoft.com)

安装时选项如下：Windows 11 SDK别漏了（win10系统就选Windows 10 SDK）

下载安装JDK8

点击官网进去下载Java Downloads | Oracle 中国
下载经典的JDK8 X64 Installer
下载后直接安装到自己想要的文件夹中
配置环境变量

在Path中添加这两条

下载Android Studio

点击链接进入官网后下载Android Studio下载 Android Studio 和应用工具 - Android 开发者 | Android Developers (google.cn)
安装过程Android Studio最详细安装及使用教程 - 知乎 (zhihu.com)
安装完成后进入Android Studio下载两个组件

下载dart组件下载flutter组安装好就可以看见
进入More Actions中的SDK Manager后下载Android Studio的工具组件和Android SDK

下载SDK

下载SDK Tools