Android studio配置Flutter(看这一篇就够了)

2024-05-10 1252阅读

                   Android studio配置Flutter(看这一篇就够了)

       Flutter 是 Google 推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App,一套代码同时运行在 iOS 和 Android平台。 Flutter 提供了丰富的组件、接口,开发者可以很快地为 Flutter 添加 Native(即原生开发,指基于平台原生语言来开发应用,flutter可以和平台原生语言混合开发) 扩展。

目录

1.下载Flutter SDK

2.使用镜像

3.在Windows上搭建Flutter开发环境

3.1配置环境变量

3.2运行 flutter doctor命令

3.3Android studio配置Flutter插件和Dart插件:

4.在Android studio新建Flutter项目:

4.1在Android studio点击File->New->New Flutter Project

4.2选择 Flutter application 作为 project 类型, 填写下载的Flutter SDK的路径,然后点击 Next。

 4.3输入项目名称,然后点击 Create。

4.4 创建了一个Flutter项目 ​编辑 

 4.5运行结果


1.下载Flutter SDK

在Flutter官网:Make Android apps | FlutterArchive | FlutterMake Android apps | Flutter 下载

Android studio配置Flutter(看这一篇就够了)

解压到本地目录:

Android studio配置Flutter(看这一篇就够了)

2.使用镜像

由于在国内访问Flutter会受到限制,Flutter官网为中国开发者搭建了临时镜像,把以下环境变量添加到用户环境变量中:

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

Android studio配置Flutter(看这一篇就够了)Android studio配置Flutter(看这一篇就够了)

3.在Windows上搭建Flutter开发环境
3.1配置环境变量
  • 在“用户变量”下检查是否有名为“Path”的条目:
    • 如果该条目存在, 追加 flutter\bin的全路径(自己下载的Flutter SDK目录)使用 
    • 如果该条目不存在,创建一个新用户变量 Path ,然后将 flutter\bin 的全路径作为它的值

    Android studio配置Flutter(看这一篇就够了)

    重启Windows以应用此更改.

    3.2运行 flutter doctor命令

           在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

    Android studio配置Flutter(看这一篇就够了)

    Android studio配置Flutter(看这一篇就够了)

    在Flutter命令行运行如下命令来查看是否还需要安装其他依赖,如果需要,安装它们:

    flutter doctor
    

    Android studio配置Flutter(看这一篇就够了)

    该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

    Android studio配置Flutter(看这一篇就够了)

    3.3Android studio配置Flutter插件和Dart插件:

    在Android studio中点击File->Settings->Plugins,下载Flutter插件和Dart插件,一般下载Flutter插件时会提示你是否要下载Dart插件,这时候点击确定一起下载就好啦。

    Android studio配置Flutter(看这一篇就够了)

    Android studio配置Flutter(看这一篇就够了)

    4.在Android studio新建Flutter项目:
    4.1在Android studio点击File->New->New Flutter Project

    Android studio配置Flutter(看这一篇就够了)

    4.2选择 Flutter application 作为 project 类型, 填写下载的Flutter SDK的路径,然后点击 Next。

    Android studio配置Flutter(看这一篇就够了)

     4.3输入项目名称,然后点击 Create。

    Android studio配置Flutter(看这一篇就够了)

    4.4 创建了一个Flutter项目 Android studio配置Flutter(看这一篇就够了) 
     4.5运行结果

     Android studio配置Flutter(看这一篇就够了) 

VPS购买请点击我

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

目录[+]