Flutter环境搭建(Windows平台)

废话不多说,直接上步骤:

一、使用flutter镜像

计算机——右键——属性——左边“高级系统设置”——环境变量,在用户或系统环境变量中,增加以下两项,为了保证时效,这里放出官网:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
环境变量.png

也可以使用命令行修改环境变量,打开powershell或cmd,后面带 /m 是系统变量,不带是用户变量:

setx PUB_HOSTED_URL "https://pub.flutter-io.cn" /m
setx FLUTTER_STORAGE_BASE_URL "https://storage.flutter-io.cn" /m

二、安装flutter

依赖以下工具:

  • powershell 5.0+
  • git for windows

查看powershell版本的命令,注意$符号也要输入:

$PSVersionTable

查看 git 版本,直接在命令行中输入 git命令,会出现如下输出:

git

安装flutter sdk

  1. flutter官网下载地址,选择个stable稳定版的安装即可,网络不好可以使用 github地址
  2. 将安装包zip解压到你想安装Flutter SDK的路径(如: C:\src\flutter ;注意,不要将flutter安装到需要一些高权限的路径如 C:\Program Files\
  3. 安装目录里的 flutter_console.bat 是flutter自己的命令行,如果想全局使用,需要配置环境变量,如果用户变量中没有Path项,创建一个,如果有,在里面追加一条 flutter\btn 的全路径,以我的为例:
    image.png

    image.png

    重启电脑,环境变量便生效。

安装 Android Studio

官网下载地址,这个是 flutter 需要的 IDE,可以管理安卓依赖、SDK版本等。

安装IDE插件

IDE除了 Android Studio,也可以使用 vscode,两者的插件名一样:flutter,和dart
Android Studio装插件的步骤:

  1. 启动
  2. 菜单栏 file——settings——搜索 plugin,找到 plugins选项,在输入框中搜索两个插件,安装即可,如果不显示,开下kexue上网试试。
  3. 重启IDE

运行 flutter doctor 命令

flutter doctor

然后根据提示,安装红色叉号显示的需要的东西。正常来说,只剩下一个 no devices 警告,没有关系,因为现在还没连接设备或模拟器,暂时不用管。

三、创建 Flutter 应用

vscode 创建

  1. ctrl + shift + p 键入 flutter命令,找到 new project,点击
  2. 输入项目名称

Android Studio 创建

  1. file —— new flutter project
  2. 一路 next 即可

四、运行应用程序

连接真机

打开安卓机的设置——搜索 开发者选项——打开“允许USB调试”,如果没有开发者选项,请按对应机型自行baidu,然后连接电脑即可,vscode或IDE会自动识别设备,显示如下:


vscode

Android Studio

此时,如果运行 flutter run,就不会有红叉警告了。

连接模拟器

目前还没有配过第三方模拟器,之后会补充,现在介绍如何在IDE或vscode中创建模拟器:
vscode比较简单,在上面截图中的位置,选择创建模拟器选项:


vscode创建模拟器

Android Studio 打开菜单栏的 tools —— ADV Manager —— create... 一路 next 即可。


android studio创建模拟器

更改Gradle构建镜像

首先要说明一下,用kexue上网的话,可以试试直接 flutter run,顺利的话可以启动,如果报的是网络错误的话,那就将kexue上网关掉(一定关,不然影响镜像),然后将项目中的构建源换成阿里源:

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

build.gradle

除了项目中的,还要改下 flutter 本身的构建源,打开 E:\Program Files\flutter\packages\flutter_tools\gradle 安装目录下的 flutter.gradle文件,编辑如下:
flutter.gradle

配置好以上镜像后,flutter run 应该就可以跑起来项目了,如果报 gradle 版本的错误,可能是gradle构建插件版本和gradle依赖版本没有对应上,插件版本在 build.gradle中指定,依赖版本在 gradle-wrapper.properties中指定,比如说 4.0.1版本的 gradle,至少要依赖的最低版本gradle是 6.1.1,那么就按如下配置即可:
项目中依赖关系指定

另外,也要改下 flutter 安装目录中的版本,打开 E:\Program Files\flutter\packages\flutter_tools\gradle 安装目录下的 flutter.gradle文件:

flutter.gradle

目前只遇到过这么一个坑,如果还有其他错误,请自行baidu。正常来说会看到启动好的应用:


flutter应用

你可能感兴趣的:(Flutter环境搭建(Windows平台))