Flutter入门

最新推荐文章于 2024-09-20 15:43:27 发布

weixin_34194702

最新推荐文章于 2024-09-20 15:43:27 发布

阅读量93

点赞数

文章标签：移动开发 java

原文链接：https://juejin.im/post/5d0845286fb9a07ef2012220

版权

获取 Flutter SDK

配置用户环境变量：

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制代码

下载 Flutter SDK

去 flutter 官网下载其最新可用的安装包
将安装包 zip 解压到你想安装 Flutter SDK 的路径, 例如(D:\Program Files\)
在 Flutter 安装目录的 flutter 文件下找到 flutter_console.bat，双击运行并启动 flutter 命令行

更新环境变量

在Path的条目下新增 flutter\bin 全路径(D:\Program Files\flutter\bin)

运行 flutter doctor

检查 Flutter 的环境配置，安装所缺失的依赖

Android 设置

安装 Andorid SDK

设置 Android Studio 模拟器

启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.

配置夜神模拟器

安装并打开夜神模拟器
win+R 打开 cmd，进入夜神模拟器安装目录下的 bin 文件夹(路径：C:\yeshen\Nox\bin)，运行命令：

nox_adb.exe connect 127.0.0.1:62001
复制代码

配置 VS Code 编辑器

安装 Flutter 插件

安装flutter和Dart插件

通过 Flutter Doctor 验证您的设置

通过查看>命令面板(shift+ctrl+p)选择 Flutter: Run Flutter Doctor，查看输出窗口是否有问题
按 F5 键或调用 Debug>Start Debugging，运行 Flutter 项目

Flutter 运行问题解决

Resolving dependencies...报错，无法正常运行

打开当前项目下的build.gradle文件（路径：你的项目/android/），修改 buildscript 和 allprojects 的 repositories 属性

buildscript {
    repositories {
       // google()
        // jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
   }

    dependencies {
        classpath 'com.android.tools.build:gradle:3.2.1'
    }
}

allprojects {
    repositories {
        // google()
        // jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
}
复制代码

打开你 flutter SDK 目录下的flutter.gradle文件（路径：D:\Program Files\flutter\packages\flutter_tools\gradle）编辑 buildscript 下的 repositories 属性

buildscript {
    repositories {
        // google()
        // jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.2.1'
    }
}
复制代码

Running Gradle task 'assembleDebug'...运行报错

Error connecting to the service protocol: HttpException: Connection closed before full header was received, uri = http://127.0.0.1:59787/8xG03PmVLTU=/ws
原因用Android studio版本太高，换用 8.1 后解决问题

转载于:https://juejin.im/post/5d0845286fb9a07ef2012220