【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写一份项目 ...
随机推荐
- Linux 网卡(遇见问题的解决)
主配置文件 /etc/sysconfig/network-scripts/ifcfg-eth1 里面的详细内容 DEVICE=eth1 网卡名称 TYPE=Ethernet 类型,Ethernet|B ...
- vue3 生成二维码 qrcodejs2-fix
1.安装qrcodejs2-fix npm install qrcodejs2-fix 2.引入qrcodejs2-fix import QRCode from 'qrcodejs2-fix'; 3. ...
- sql 加工后--小文件解决方案
10.24.8.5 # 切换用户 su - hive # 查看表文件 [hive@hadoop-0001 ~]$ hdfs dfs -ls /user/hive/warehouse/bibase.db ...
- TypeScript 声明文件
TypeScript 声明文件 TypeScript 作为 JavaScript 的超集,在开发过程中不可避免要引用其他第三方的 JavaScript 的库.虽然通过直接引用可以调用库的类和方法,但是 ...
- 第八章 mysql的主从复制
mysql的主从复制 一 主从复制搭建 1. 准备三台主机 (这个是多实例) 3307 master3308 salve13309 salve2 2. master 节点设置 [mysqld] lo ...
- 【BOOK】Ajax数据爬取
Requests获取原始HTML文档,Ajax加载和JavaScript处理的数据无法获得 一.Ajax Ajax-异步的JavaScript和XML Ajax请求页面更新: 1. 发送请求 2. 解 ...
- ios怎么在自己公司网站扫描下载安装IPA安装包
企业证书(或者99的证书,但是有100个设备限制)打包的IPA安装包,怎么发布给用户安装使用呢? 试了直接给用户.ipa包的链接,手机不能像安卓手机那样安装,平时我们测试放在蒲公英的包蒲公英应该是有做 ...
- Gstreamer 随笔
1. Gstreamer在Ubuntu上需要安装得全部库: gstreamer1.0-alsa - GStreamer plugin for ALSAgstreamer1.0-clutter-3.0 ...
- 4、word—截图的试卷背景为黑色,如何去掉呢?
1.[图片格式]->[校正]->[锐化50%] 2.[图片格式]->[校正]->[亮度/对比度]选择一个适合自己的
- Debug --> CICFlowMeter的java版本安装及使用
一. 首先,给出一个很详细的配置链接!使用IDEA进行配置~ https://blog.csdn.net/BananaMan45/article/details/105473151?utm_mediu ...