目录

1. 安装 Flutter SDK2. 设置环境变量3. Flutter doctor4. 安装 Android Studio5. 启动 Android Studio， 安装 Android SDK6. 再次运行 Flutter doctor 查看依赖项7. 设置 Android emulator8. 配置编辑器8.1 Android Studio8.2 Visual Studio Code (VS Code)

第一次接触移动开发, 纯小白一枚, 慢慢摸索, 记录安装.

1. 安装 Flutter SDK

如果不能直接下载 Flutter SDK, 可以通过github安装, 请参考 Using Flutter in China.

下载 Flutter SDK (flutter_windows_v0.2.8-beta.zip), 解压到指定目录, 双击运行flutter_console.bat, 完成sdk安装, 如图.



2. 设置环境变量

在Path下增加到flutter/bin的目录, 如图:


3. Flutter doctor

在flutter控制台运行 flutter doctor 命令, 检测是否有依赖项未安装.


其中带X的表示需要安装的东西， 如我这里需要再安装Android toolchain 与 Android Studio.

安装Android Studio时，会默认下载安装Android SDK，所以下一步直接安装Android Studio.

4. 安装 Android Studio

直接上图.


全程 Next, 直到 Finish.


5. 启动 Android Studio， 安装 Android SDK









6. 再次运行 Flutter doctor 查看依赖项


还有两个依赖需要解决

[!] Android toolchain - develop for Android devices (Android SDK 27.0.3)
X Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

运行 flutter doctor --android-licenses


[!] Connected devices
! No devices available

打开手机开发者选项， 打开USB调试后， 再次检测， 成功。


7. 设置 Android emulator

打开AVD Manager, 新建.


随意选择一个后下一步


建议选择 x86_64的 image.




Graphics 选择 Hardware GLES 2.0


8. 配置编辑器

这里介绍 Android Studio 与 Visual Studio Code (VS Code) 的配置.

8.1 Android Studio

安装 Flutter 和 Dart 插件. Configure->Plugins 如图


Browse repositiories..


选择 Flutter, 安装, 弹出 Dart 插件安装时, 选择是.


新建 Flutter project


选择 Flutter Application


Next 直到 Finish, 等待新建项目的完成.


选择模拟器, 调试


运行结果如下:


8.2 Visual Studio Code (VS Code)

安装 Dart Code 扩展


新建 Flutter 项目



选择一个路径来存储项目, 注意, 路径中一定不能出现中文, 否则后面步骤会失败


等待项目创建完成


右下角的为上一步创建的Android emulator


F5 开始调试


运行结果如下.


Flutter在Windows平台下的安装配置的更多相关文章

  1. Spotlight on Mysql在Windows平台下的安装及使用简介

    Spotlight on Mysql在Windows平台下的安装及使用简介   by:授客 QQ:1033553122 1.   测试环境 Win7 64位 mysql-connector-odbc- ...

  2. Redis在Windows+linux平台下的安装配置(转)

    window平台Redis安装 下载地址: http://code.google.com/p/servicestack/wiki/RedisWindowsDownload Redis文件夹有以下几个文 ...

  3. Mantis1.2.19 在Windows 平台上的安装配置详解

    安装环境: WindowsXP 32 Apache2.2.22+PHP5.4.39+MySQL5.5.28 一.简介 MantisBT是由PHP开发的.基于WEB的缺陷跟踪系统,并采用开源数据库MyS ...

  4. windows环境下Django安装配置

    --python下载 https://www.python.org/downloads/ --pip 下载 https://pypi.python.org/pypi/pip --pip 安装及路径 解 ...

  5. WIndows系统下mysql-noinstall安装配置

    环境: Windowsmysql-noinstall-5.0.37-win32.zip 一.下载MySQL http://www.mysql.com/downloads 二.安装过程 1.解压缩mys ...

  6. mysql-5.6.13在windows平台下的安装、使用（图解）

    本文同步至:http://www.waylau.com/mysql-5-6-13-windows-platform-installation-use-graphic/ 一. 首先电脑要具备.Net F ...

  7. windows平台下基于VisualStudio的Clang安装和配置

    LLVM 是一个开源的编译器架构,它已经被成功应用到多个应用领域.Clang是 LLVM 的一个编译器前端,它目前支持 C, C++, Objective-C 以及 Objective-C++ 等编程 ...

  8. MongoDB学习总结(一) —— Windows平台下安装

    > 基本概念 MongoDB是一个基于分布式文件存储的开源数据库系统,皆在为WEB应用提供可扩展的高性能数据存储解决方案.MongoDB将数据存储为一个文档,数据结构由键值key=>val ...

  9. 在Windows平台下安装与配置Memcached及C#使用方法

    1.在Windows下安装Memcached 资料来源:http://www.jb51.net/article/30334.htm 在Windows平台下安装与配置Memcached的方法,Memca ...

随机推荐

  1. ADSL 动态IP拨号VPS 软件配置

    http://yun.baidu.com/share/link?uk=2520566727&shareid=330788421&third=0&adapt=pc&fr= ...

  2. Android SD卡读写

    package com.jredu.zuiyou.activity; import android.os.Bundle;import android.os.Environment;import and ...

  3. Java工程师学习指南 入门篇

    Java工程师学习指南 入门篇 最近有很多小伙伴来问我,Java小白如何入门,如何安排学习路线,每一步应该怎么走比较好.原本我以为之前的几篇文章已经可以解决大家的问题了,其实不然,因为我之前写的文章都 ...

  4. JQ获取CKeditor的值

    var editor = CKEDITOR.replace("content"); editor.setData(""); alert(CKEDITOR.ins ...

  5. 使用Dockerfile制作JDK+tomcat镜像

    1.准备好jdk和tomcatapache-tomcat-8.5.32.tar.gzjdk-8u181-linux-x64.tar.gz 注意:a.jdk和tomcat记得从官网下载,否则制作出来的镜 ...

  6. h5活动页开发总结记录

    前几天在做h5活动页面的时候,有这样一个需求 上面的活动排行点击查看历史排行数据,弹出日期选择框,如下图 点击要查看的日期排行数据,这里需要对还没到的日期做处理,让用户不能选择,只可选择今天或者之前的 ...

  7. angular 禁止缓存

    angular 单页面开发,会存在和管理很多HTML和JS文件,缓存有时是个麻烦. 在开发和测试阶段,F12调出调试工具,禁止缓存F5刷新下就好了. 但是在客户那里缓存就体验效果不好,甚至认为有问题, ...

  8. [转]RabbitMQ学习之：（十二）在Node.js环境下使用RabbitMQ

    本文转自:https://blog.csdn.net/puncha/article/details/8452017 学,以致用.找了半天Node.js下RabbitMQ的库,看上去都不太趁手,直到最后 ...

  9. MVC中 jquery.validate取消忽略对hidden的验证

    <script type="text/javascript"> $.validator.setDefaults({ //取消 忽略对hidden的验证 ignore: ...

  10. 【easyui】关于easyui Datagrid一些样式记录

    此篇文章主要记录在使用datagrid中常见的修改样式方式以及样式效果配图!!!! 一丶存在选中框的时候标题栏合并显示序号字段. 代码展示: onLoadSuccess: function (data ...