【Flutter】环境搭建(Windows+Android Studio 3.6.1)
最近参加的项目需要用到Flutter框架进行iOS/Android双端开发,然而第一步环境搭建的过程就忙活了一整个晚上,直到现在终于有时间静下心来整理一下搭建过程中遇到的困难。
0x00 Flutter SDK下载
笔者所处的网络环境并不允许笔者以正常的速度从官网或Github上获取SDK,对于同样的情况,这里推荐两种解决方案。
① 借助迅雷,将官方的下载链接拷贝到迅雷中新建下载,p2p下载在这种情况下具有比较大的优势。
② 从国内镜像获取资源,这里推荐清华大学的镜像:
https://mirrors.tuna.tsinghua.edu.cn/flutter/flutter_infra/releases/stable/windows/
0x01 Flutter Doctor
将下载完的SDK解压至一个低权限的目录,然后双击运行flutter/目录下的flutter_console.bat脚本

在命令提示符后输入flutter doctor,该指令将自动对本机flutter相关的配置进行检测,如果想要在任意的shell执行flutter命令,可以将flutter/bin目录添加至环境变量
笔者在第一次执行flutter doctor时遇到了如下的错误:
(图源网络)
解决方案:https://www.cnblogs.com/drperry/p/13443325.html
主要是由于JDK版本过高而导致的,Java8之后发布的JDK版本砍掉了许多库,另下载Java8并重新设置系统环境变量即可解决问题
但如果希望使用更高版本的Java并且愿意折腾的,可以参考如下的链接:
https://blog.csdn.net/jia__/article/details/92620921
0x02 Android Studio插件安装
想要在Android Studio新建Flutter项目就需要安装Flutter插件,而Flutter插件又依赖于Dart插件,可以通过File->Settings->Plugins,直接在Marketplace搜索flutter插件,选择安装后将自动提示用户安装Dart插件。
然而同样时受到网络环境的限制,笔者根本无法通过Android Studio访问到Marketplace,所以这里推荐直接在jetbrains的官网上下载插件的压缩包导入Android Studio内,网址如下:
https://plugins.jetbrains.com/search
输入flutter后进行下载

这里注意一定要参考自己的Andorid Studio版本下载对应版本的插件,不然将会无法导入:

同样的方法下载Dart插件,然后在AS内的Plugins界面选择导入刚刚下载的插件包

完成上述操作后在控制台输入flutter doctor将得到如下的结果:

显示AS的配置已经成功。
0x03 新建Flutter项目
插件导入后需要重启AS,随后直接选择File->New->New Flutter Project新建Flutter项目
选择Flutter Application后进入下一步,指定项目名称、目录以及flutter SDK的路径,即第一步中解压SDK的位置,下一步后点击Finish将开始读条“Creating Flutter Project“。
笔者在第一次新建项目时在这个读条界面等了很久都没有成功,后来了解到AS在这一步需要向Flutter的服务器请求资源,然而显然笔者所处的网络环境再一次阻止了这样的行为。
事实上谷歌官方也为中国大陆的开发者准备了境内的临时镜像,只要在环境变量中添加这样两条即可:


完成后重新创建项目,等待数秒后将完成项目的创建。
随后使用USB或局域网的方式连接安卓设备进行调试就可以体验Demo中演示的hot reload功能了!
【Flutter】环境搭建(Windows+Android Studio 3.6.1)的更多相关文章
- mac下android环境搭建笔记(android studio)
本文记录了本人在mac上配置android开发环境的一些过程,为了方便直接选用了官方的IDE– Android Studio .本文包括了android studio的安装.创建第一个hello wo ...
- 重拾安卓_01_安卓开发环境搭建(android studio)
一.下载安装SDK 参考:搭建Android开发环境——Eclipse 的安装SDK部分 二.安装android studio 参考: Android Studio 入门级教程(一) 三.andro ...
- 安卓学习第一节--环境搭建及Android Studio 安装
1.安装JDK 2.安装AS 安装参考网址 https://www.cnblogs.com/xiadewang/p/7820377.html 下载网址: http://www.android-stud ...
- Android环境的搭建及Android Studio的安装
菜鸟初来报到,写了一篇关于Android环境搭建和Android Studio安装的内容(写好很久了,一直没发).仅供想开发Android,却又不知如何搭建环境的小白们参考,高手们就请绕行吧.在此献丑 ...
- 【Lua学习笔记之:Lua环境搭建 Windows 不用 visual studio】
Lua 环境搭建 Windows 不用 visual studio 系统环境:Win7 64bit 联系方式:yexiaopeng1992@126.com 前言: 最近需要学习Unity3d游戏中的热 ...
- Flutter环境搭建以及快捷命令
Flutter环境搭建 配置环境变量 用户变量 FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn PUB_HOSTED_URL : ht ...
- Appium-001-测试开发环境搭建(Android - Win7)
随着移动端 App 测试自动化的兴起,为更好的控制产品质量,越来越多的中大型公司开始了移动端的自动化测试.Appium 自动化测试技术也是我很早之前就想学习的一门技术,却一直没有比较空余的时间来学习( ...
- Flutter 入坑(1):flutter 环境搭建,window版本
下载安装JAVA环境 1. 既然要做原生应用了,而且是基于Android的,那还是需要我们安装一下JAVA的环境的,我比一般得到一个新系统后首先做的就是这一步. https://www.orac ...
- Apache Cordova开发环境搭建(一)-Visual Studio
原文:Apache Cordova开发环境搭建(一)-Visual Studio 一.使用Visual Studio开发Apache Cordova手机App 1.版本要求,Visual Studio ...
- Mac最新Flutter环境搭建运行和对比理解声明式UI
前言 这段时间一直都在学习和写关于SwiftUI的东西,前面也总结了四篇文章来大体上说了下Demo中功能实现的一些细节,后面准备开始了解学习一下Flutter,争取在年前能再用Flutter写一份项目 ...
随机推荐
- MySQL_demo_50道习题
title: MySQL_demo_50道习题 author: 杨晓东 permalink: MySQL_demo date: 2021-10-02 11:27:04 categories: - 投篮 ...
- S-HR查询用户组织范围
SELECT org.FNumber FNumber,org.FName_L2 orgName FROM T_PM_OrgRange orgRange LEFT JOIN T_ORG_admin or ...
- [jQuery]z-index属性大于0的元素使用fadeIn无法正常过渡的问题
rt 问题记录. 尝试使用$(' ').animate({ opacity: 1 }) 会出现相同的问题. 可能是opacity动画与z-index无法兼容(?) 最后的处理方式是改变元素渲染顺 ...
- 有关插槽中scope的问题
暂时不理解
- pytorch学习笔记(5)--神经网络
(一)神经网络的骨架 nn.Module import torch from torch import nn class Tudui(nn.Module): def __init__(self): s ...
- while read line 中使用ssh只能读取一行
问题:while read line 中使用ssh只能读取一行? #!/bin/sh while read line do echo $line ssh root@$line "echo 1 ...
- noi 1.1 6 空格分隔输出
描述 读入一个字符,一个整数,一个单精度浮点数,一个双精度浮点数,然后按顺序输出它们,并且要求在他们之间用一个空格分隔.输出浮点数时保留6位小数. 输入 共有四行:第一行是一个字符:第二行是一个整数: ...
- 在Unity3D中开发的Sketch Shader
Pencil Sketch Shader 特点 此素描渲染风格的Shader是顶点片元Shader,由本人手动编写完成. 此素描渲染风格的Shader已经在移动设备真机上进行过测试,可以直接应用到您的 ...
- 基于python-nmap的扫描代码
本次代码只利于人员进行分析,没有啥用,小学期作业,被迫工作. 1 import tkinter 2 from tkinter import * 3 import time 4 import nmap ...
- 5、Excel—在做车辆费用汇总的时候,复制出来的数据跟同事的一样,但是合计总数就不一样
在做车辆费用汇总的时候,复制出来的数据跟同事的一样,但是合计总数就不一样, 刚开始以为是数值问题,明明两份Excel都是同样的数据,为什么合计就不一样呢?(根据同事那份的数据,然后手动在自己的exce ...