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版本的命令,注意$符号也要输入:

$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应用
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,026评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,655评论 1 296
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,726评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,204评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,558评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,731评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,944评论 2 314
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,698评论 0 203
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,438评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,633评论 2 247
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,125评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,444评论 3 255
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,137评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,103评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,888评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,772评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,669评论 2 271