windows 搭建flutter开发环境

549 阅读2分钟

windows: 官网: flutterchina.club/setup-windo…

基本上 获取flutter sdk 、设置环境变量、编辑器设置(android 和vscode )这几个步骤

1.获取 flutter sdk: docs.flutter.dev/development…

这里 有两个方式

(1). 一种是直接下载 安装包,需要的注意的是,flutter 1.X.X 和 2.X.X 是两个大版本(空安全),新项目基本上采用最新的稳定版本就可以,以后 安装flutter插件的时候,注意 安装 空安全版本的 ,插件官网 url输入pub.dev 就行,如果不能访问,国内的镜像 是 pub.flutter-io.cn/

image.png

(2). 推荐--直接是去官网去下载 对应的代码, 记得切换到 stable分支 ,后面升级flutter 版本和降低版本都方便

git clone -b master https://github.com/flutter/flutter.git

$ ./flutter/bin/flutter --version
  1. 配置环境变量

你需要添加以下环境变量到系统PATH:

  • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”

  • 在“用户变量”下检查是否有名为“Path”的条目:

    • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
    • 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.
  • 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。

重启Windows以应用此更改,基本上配置过java sdk的小伙伴 ,这个也是轻车熟路

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

cmd 打开一个命令行提示符 运行 flutter doctor

可以看到 哪些还需要没有完成的,可以发现需要安装 IDE, 前端开发者来说 Android studio 和 vscode 是首选。

下载Android studio / vscode,并安装flutter插件及dart

Android studio中,选择settings -> plugin,搜索flutter(这里需要注意的 windows 是File菜单栏里),安装flutter 及 dart

这里可以同时安装 Flutter Intl(国际化插件,自动创建多语言相关文件)

vscode 也是如此

运行flutter doctor,发现没有问题,有问题需要自行排查,windows上问题相对较少,mac安装环境坑比较多,

用android studio 去新建一个项目,这个很简单就不描述了

运行 flutter clean flutter pub get,再 调试项目

调试 有两种 一个是用Android 模拟器 一种是真机调试

以android studio 为例 模拟器

image.png

image.png

image.png

image.png

image.png

这里的风味列表 就是打包的渠道,取自项目 路径android/app/build.gradle

image.png

多渠道 打包也设置好了,

现在可以正常的运行项目了

安卓打包命令上 打包

flutter build apk --target-platform android-arm,android-arm64 //打全渠道包
flutter build apk --target-platform android-arm,android-arm64 --flavor ali //打指定渠道包

打完包后可以看到输出 打完包的具体的地址

image.png