栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

win10配置Androidstudio+flutter移动端开发环境

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

win10配置Androidstudio+flutter移动端开发环境

文章目录
      • 1 flutter安装
      • 2 Android Studio安装
      • 3 运行测试用例

1 flutter安装
  • 去flutter官网下载稳定版的SDK
    传送门:https://flutter.cn/docs/development/tools/sdk/releases
  • 解压到需要的目录后,为它添加path环境变量(注意添加到flutterbin文件夹)
  • 通过在cmd中 运行 flutter doctor 命令来诊断是否还存在未安装或未安装成功的Flutter开发所需的依赖选项,也会将缺少的自动下载下来并建立连接(比如Dart的SDK)
  • 关于上述的Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this.错误,找不到cmdline工具,那么就去安卓studio里安装。
    或者flutter 环境配置 Android sdkmanager tool not found(当安卓sdk目录没有tools文件夹用此解决方案)
    参考:https://blog.csdn.net/lplj717/article/details/121625335
    https://blog.csdn.net/qq_39849535/article/details/104961066
  • 在使用 Flutter 前,你必须同意 Android SDK 平台的协议。
    关于Flutter 运行失败Android licenses not accepted. To resolve this, run: flutter…
    安装好Android Studio 以后,运行 flutter doctor命令,报以下错误:
    Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses解决方案:
    运行flutter doctor --android-licenses命令,一直y就行。
  • 最后doctor一下显示成功
2 Android Studio安装
  • 安装Android Studio前,需要先选择安装Java环境,Java需要到Oracle官网上下载安装,需要注册一个Oracle账号。
    https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

  • Windows 10 配置Java 环境变量
    https://www.runoob.com/w3cnote/windows10-java-setup.html
    https://blog.csdn.net/qq_40670946/article/details/90200364

  • 官网下载地址:
    https://developer.android.com/studio

  • Android Studio安装与配置
    https://juejin.cn/post/6844904054569582605

3 运行测试用例
  • 新建flutter项目

  • 直接chrome运行即可

  • 然后替换main.dart中的代码为以下

    import 'package:flutter/material.dart';
    
    void main() {
      runApp(const MyApp());
    }
    
    class MyApp extends StatelessWidget {
      const MyApp({Key? key}) : super(key: key);
    
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'Welcome to Flutter',
          home: Scaffold(
            appBar: AppBar(
              title: const Text('Welcome to Flutter'),
            ),
            body: const Center(
              child: Text('Hello World'),
            ),
          ),
        );
      }
    }
    
  • 再次运行,显示hello world:

参考资料:https://flutter.cn/docs/get-started/codelab

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/854448.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号