最近参加的项目需要用到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. redis使用示例

    package com.atguigu.gulimall.product;import com.alibaba.fastjson.JSON;import com.alibaba.fastjson.Ty ...

  2. Word02 领慧讲堂就业讲座office真题

    1.课程的讲解之前,先来对题目进行分析,首先需要在考生文件夹下,将Wrod素材.docx文件另存为Word.docx,后续操作均基于此文件,否则不得分. 2.这一步非常的简单,打开下载素材文件,在[文 ...

  3. allure安装成功后,执行未生成报告解决

    在搜索了很多方法尝试后,执行依然没有生成测试报告,在尝试在pycharm里面修改配置解决了: file>setting>tools>Python integrated tools&g ...

  4. laravel 表单提交 图片的异步上传

    这里使用的是WebUploader   百度提供的插件 首先下载最新的包 下载第一个,解压,把解压好的文件放入public目录下 视图层中 <div class="formContro ...

  5. 【shell脚本实战】脚本#35 分析每个用户使用的磁盘空间大小

    #!/bin/bash #设置 一个变量代表临界值,看看是否能超过这个值,单位是MB MAXDISKUSAGE=20000 #cut -d: -f1,3 /etc/passwd | awk -F: ' ...

  6. mongodb地理位置坐标加了索引,操作时报错 Location object expected, location array not in correct format

    别犹豫了,将坐标中的数据改为数字类型即可,如: location:[113.45,34,191]

  7. sequelize的创建接口以及模糊查询

    第一步: 在routes里面复制index.js更改为xxx.js(例如arctile.js) res.json()返回的就是json文件 第二步: 在views里app.js引用路由 第三步:查找数 ...

  8. 【PyQt6】Python使用QtCharts画图修改背景色的问题

    问题 想在软件界面用PyQt6的QtChart新画一张饼图,自定义一个饼图类继承QChartView: class PyPieChart(QChartView): def __init__( self ...

  9. bquote

    在Linux环境下,按"·"(1左边的按钮)会进入bquote模式 退出方法 按 Ctrl + C 其它(待补充)

  10. 【python】第一模块 步骤四 第一课、初始正则表达式

    第一课.初始正则表达式 一.课程介绍 1.1 课程概要 步骤介绍 正则表达式入门及应用 正则的进阶 案例 综合项目实战 二.正则表达式的基本操作(多敲代码多做练习) 2.1 什么是正则表达式 什么是正 ...