最近参加的项目需要用到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. Python 字典类型

    1.由于字典中的 key 是非常关键的数据,而且程序需要通过 key 来访问 value,因此字典中的 key 不允许重复.程序既可使用花括号语法来创建字典,也可使用 dict() 函数来创建字典.实 ...

  2. Java基础——控制语句、switch结构与三元运算符

    package com.zhao.demo; public class Demo03 { public static void main(String[] args) { int num=1; swi ...

  3. Qt中QGraphicsScene和QraphicsView显示坐标问题解决

    相信打开这个界面的你,一定遇到了这两玩意儿设置完坐标发现对不上的问题...查询Qt官方文档后发现: 网上搜索了一番,基本上这个坐标系就是长酱紫: 所以加上这行代码就行了: ui->graphic ...

  4. 搭建Spring的源码环境

    搭建Spring的源码环境,包括以下几个步骤: 1.从Spring官网一步步找到Spring源码在github上的位置,并拉取Spring源码 2.安装和配置Gradle,用于构建Spring的源码 ...

  5. 攻防世界Web进阶篇——NewsCenter

    题目有一个搜索框,下面是搜索结果,最先考虑是sql注入 遇到sql注入,一般先用单引号,1,2尝试.先尝试构造输入为:sd' union select 1,2 #和sd' union select 1 ...

  6. 转载--文章(感谢陈晨博主分享) 关于 Json.net

    本文出自地址: http://www.cnblogs.com/freshman0216/p/4161800.html#undefined Newtonsoft.Json,一款.NET中开源的Json序 ...

  7. 前端-对js原型继承的简单举例

    function A(name,color){ this.name=name; this.color=color;   } A.prototype.getColor=function(){ retur ...

  8. wx小程序 组件无法使用全局样式 (app.wxss)

    解决方法: 在组件中加上options选项 Component({ options: { addGlobalClass: true } })

  9. 关于decimal与double数据类型

    关于double和decimal类型, double类型能表示的精度不如decimal,但是其数据范围比decimal的大. 对于double类型的字段,用sum函数会出现多位小数的情况,比如a+b+ ...

  10. JAVA pta 前三次大作业回顾与分析

    一.前言:总结三次题目集的知识点.题量.难度等情况 今年初次接触java,通过这三次大作业的练习,我对java有了一定的认识,相比于其他编程语言来说,java更复杂,要求也更严谨,需要掌握的知识也更多 ...