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

Posted 2022-05-05 小哈里

文章目录

• • • 1 flutter安装
    • 2 Android Studio安装
    • 3 运行测试用例

1 flutter安装

• 去flutter官网下载稳定版的SDK
  传送门：https://flutter.cn/docs/development/tools/sdk/releases
  
• 解压到需要的目录后，为它添加path环境变量（注意添加到flutter\\bin文件夹）
  
• 通过在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