最近参加的项目需要用到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)的更多相关文章

  1. mac下android环境搭建笔记(android studio)

    本文记录了本人在mac上配置android开发环境的一些过程,为了方便直接选用了官方的IDE– Android Studio .本文包括了android studio的安装.创建第一个hello wo ...

  2. 重拾安卓_01_安卓开发环境搭建(android studio)

    一.下载安装SDK 参考:搭建Android开发环境——Eclipse  的安装SDK部分 二.安装android studio 参考: Android Studio 入门级教程(一) 三.andro ...

  3. 安卓学习第一节--环境搭建及Android Studio 安装

    1.安装JDK 2.安装AS 安装参考网址 https://www.cnblogs.com/xiadewang/p/7820377.html 下载网址: http://www.android-stud ...

  4. Android环境的搭建及Android Studio的安装

    菜鸟初来报到,写了一篇关于Android环境搭建和Android Studio安装的内容(写好很久了,一直没发).仅供想开发Android,却又不知如何搭建环境的小白们参考,高手们就请绕行吧.在此献丑 ...

  5. 【Lua学习笔记之:Lua环境搭建 Windows 不用 visual studio】

    Lua 环境搭建 Windows 不用 visual studio 系统环境:Win7 64bit 联系方式:yexiaopeng1992@126.com 前言: 最近需要学习Unity3d游戏中的热 ...

  6. Flutter环境搭建以及快捷命令

    Flutter环境搭建 配置环境变量 用户变量 FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn PUB_HOSTED_URL : ht ...

  7. Appium-001-测试开发环境搭建(Android - Win7)

    随着移动端 App 测试自动化的兴起,为更好的控制产品质量,越来越多的中大型公司开始了移动端的自动化测试.Appium 自动化测试技术也是我很早之前就想学习的一门技术,却一直没有比较空余的时间来学习( ...

  8. Flutter 入坑(1):flutter 环境搭建,window版本

    下载安装JAVA环境 1. 既然要做原生应用了,而且是基于Android的,那还是需要我们安装一下JAVA的环境的,我比一般得到一个新系统后首先做的就是这一步.    https://www.orac ...

  9. Apache Cordova开发环境搭建(一)-Visual Studio

    原文:Apache Cordova开发环境搭建(一)-Visual Studio 一.使用Visual Studio开发Apache Cordova手机App 1.版本要求,Visual Studio ...

  10. Mac最新Flutter环境搭建运行和对比理解声明式UI

    前言 这段时间一直都在学习和写关于SwiftUI的东西,前面也总结了四篇文章来大体上说了下Demo中功能实现的一些细节,后面准备开始了解学习一下Flutter,争取在年前能再用Flutter写一份项目 ...

随机推荐

  1. ElementUI实现手动上传

    在做项目中,与同事遇到问题,顺手记录一下 <template> <div class="common-layout"> <el-button size ...

  2. 肖sir_ 杭州_阿里和蚂蚁和菜鸟和支付宝面试题集锦

    2023-2-7 支付宝蚂蚁保险-第3面1.自我介绍2.你会Java是吧,有用过spring框架开发过工具吗3.那你用Java来干嘛的?做接口自动化用了哪些库和插件,除了testng还用了什么单元测试 ...

  3. 2022-3-14内部群每日三题-清辉PMP

    1.开发一款银行零售业务新产品的项目正在进行中,由于团队成员缺乏激励,该项目落后于进度.项目经理应该如何激励项目团队? A.提供认可与奖励 B.使用教练和指导技能 C.委托职责 D.应用创造性的问题解 ...

  4. Java基础——(综合练习)选手打分

    package com.zhao.test; import java.util.Scanner; public class Test17 { /* 需求 : 在唱歌比赛中,有6名评委给选手打分,分数范 ...

  5. Linux基础第十章:系统安全及应用

    目录 一.账户安全措施 1.账户管理 2.锁定配置文件 3.清除历史记录 二.sudo 1.sudo概念及优点 2.使用sudo 3.sudo实操演示 4.设置sudo别名 5.sudo特别注意 一. ...

  6. Calendar设定月份时要注意日期

    先看下代码 public static void main(String[] args) { int dataMonth = 4; DateFormat dateFormat = new Simple ...

  7. wpf 使用了 template 了的 combobox 中,displaymemberpath 有 bug,仅在 popup 中生效

    需求是:仅想改变combobox的默认样式,所以 template 是直接在属性窗口点击转化为本地值的. using System.Collections.Generic; using System. ...

  8. software Engineering homework 4

    博客信息 沈阳航空航天大学计算机学院2020软件工程作业 作业要求 https://edu.cnblogs.com/campus/sau/Computer1701-1705/homework/1068 ...

  9. 阿里云下载ssl证书

    "request合法域名"跟上面CA证书中申请的二级域名一致. Springboot增加证书 创建Springboot项目. 解压缩后,证书文件4375838_wechat.abc ...

  10. [fiddler的使用]添加常用字段(请求耗时,客户端请求时间,IP地址)

    1. /* 显示请求耗时 */ function BeginRequestTime(oS: Session) { if (oS.Timers != null) { return oS.Timers.C ...