Flutter windows环境搭建

准备工作:根据官网加一点点修改https://flutterchina.club/setup-windows/

获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包

  2. 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。

  3. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。(注意,这个不是自动设置环境变量,环境变量依然要自己设置)

添加环境变量

要在终端运行 flutter 命令, 你需要添加以下环境变量到系统PATH:

  • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”,假如是windows10按win+q,输入“环境变量”看到“编辑环境变量”,回车进入环境变量编辑
  • 在“用户变量”下检查是否有名为“Path”的条目:
    • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.(“;”为英文字符)
    • 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.
  • 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。他们分别为
    PUB_HOSTED_URL=https://pub.flutter-io.cn
    FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

重启Windows以应用此更改(并不需要重启)

运行 flutter doctor

打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:

 flutter doctor

在命令提示符或PowerShell窗口中运行此命令。目前,Flutter不支持像Git Bash这样的第三方shell。

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

例如:

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

以下各部分介绍如何执行这些任务并完成设置过程。你会看到在flutter doctor输出中, 如果你选择使用IDE,我们提供了,IntelliJ IDEA,Android Studio和VS Code的插件。

一旦你安装了任何缺失的依赖,再次运行flutter doctor命令来验证你是否已经正确地设置了。

IntelliJ IDEA编辑器设置(android studio 是差不多的做法,甚至坑更少)

前置工作为Android SDK安装,这里说明,请仔细百度,并创建好android avd。

安装完IDEA后,点击File-》Settings-》Plugians-》在右侧搜索Flutter 安装 Flutter插件,一般这时候会让你选择是否安装Dart插件,允许就可以了,如果错过了,再搜索Dart插件安装。重启

点击File-》new-》project-》Flutter-》next(耐心等待,不要多点)-》命名工程(只允许使用小写字母、数字与下划线,如果命名为"flutter_"开头的话,可能会与flutter仓库冲突)-》Finish(等。。。)一定要等,一定要有耐心,一定不要点点点不停点(android studio是 File-》new-》new Flutter-》...)。

完了后,会自动打开/lib/main.dart,这时候不要慌,File-》setting-》Languages&Frameworks Dart-》然后如下图,(android studio是在新建工程的过程中配置,一样的配置。)。

(懂?)-》然后不要慌-》修改/android/build.gradle-》将

google()
jcenter()

修改为

maven {url 'http://maven.aliyun.com/repository/google/'}
maven {url 'http://maven.aliyun.com/repository/jcenter/'}

-》不急(考验android基础来了)-》看懂/android/app/build.gradle-》也不用全看懂,注意以下这几个变量就行,修改为你已安装的Android SDK的版本,可以省很多时间

android {
    compileSdkVersion 28
    defaultConfig {
        minSdkVersion 16
        targetSdkVersion 27
    }
}

接下来你应该能看到

恩,没了,如果幸运的话就跑起来了,不幸运的话app会闪退,这个时候,可以在项目根目录运行cmd

flutter run --enable-software-rendering

日了狗,搞了这么多,不能在idea里面操作还要另开一个CMD窗口??!!!不存在的,不要慌

点击Edit Configurations

在 Additional arguments加上 --enable-software-rendering

 

最后:如果你抱怨avd太卡,可以下载夜神模拟器,安装并打开模拟器后,进入安装目录.\bin,打开cmd,输入

nox_adb.exe connect 127.0.0.1:62001

可以看到

这个就不卡多了

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值