Flutter开发安卓环境配置

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

简介

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

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

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

开源免费:Android系统一样,这些都是免费开源的。

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

Dart环境搭建

  1. windows直接下载安装包Dart for Windows (gekorm.com)

  2. 选择路径安装,在CMD中输入·dart --version来检测是否安装成功

  3. vscode中下载两个扩展 dartcode runner

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

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

下载Flutter SDK

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

    要查看其他发行通道和以往的版本,请参阅 SDK 版本列表 页面

  2. 将压缩包解压,然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中(例如 %USERPROFILE%\flutter 或者 D:\dev\flutter

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

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

更新 path环境变量

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

  1. 打开系统高级设置>>环境变量>>系统变量>>Path

  2. 在path中加入flutter文件中bin的路径

  3. 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

  1. 点击官网进去下载Java Downloads | Oracle 中国

  2. 下载经典的JDK8 X64 Installer

  3. 下载后直接安装到自己想要的文件夹中

  4. 配置环境变量

    Path中添加这两条

下载Android Studio

  1. 点击链接进入官网后下载Android Studio下载 Android Studio 和应用工具 - Android 开发者 | Android Developers (google.cn)

  2. 安装过程Android Studio最详细安装及使用教程 - 知乎 (zhihu.com)

  3. 安装完成后进入Android Studio下载两个组件

    下载dart组件    下载flutter组    安装好就可以看见

  4. 进入More Actions中的SDK Manager后下载Android Studio的工具组件和Android SDK

    下载SDK

    下载SDK Tools

配置镜像源

在系统环境变量中添加两项

冒号前为名,后为值

新建项目并试运行

  1. 点击新建flutter项目

  2. 选择flutter项目并配置好flutter SDK所在文件夹目录

  3. 输入项目名称,选择项目存放的地址(注意不可以有大写字母),选择要开发的平台后点击finish

  4. 第一次创建项目后点击open选择项目中的Android重新打开一次

  5. 第一次打开需要等待很久时间,需要下载很多的依赖项文件

    下载失败就按下图操作

  6. 准备一台安卓手机连接上电脑,手机打开开发者模式(连续点击版本号多次),打开允许USB调试和允许USB安装两个功能

  7. 程序打开成功后连接好手机,点击run app后就可以在手机端下载我们的软件并执行

  • 21
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值