Flutter在Windows平台下的安装配置

时间:2022-09-06 17:45:37

目录

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安装, 如图.

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

2. 设置环境变量

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

Flutter在Windows平台下的安装配置

3. Flutter doctor

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

Flutter在Windows平台下的安装配置

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

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

4. 安装 Android Studio

直接上图.

Flutter在Windows平台下的安装配置

全程 Next, 直到 Finish.

Flutter在Windows平台下的安装配置

5. 启动 Android Studio, 安装 Android SDK

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

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

Flutter在Windows平台下的安装配置

还有两个依赖需要解决

[!] 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

Flutter在Windows平台下的安装配置

[!] Connected devices
! No devices available

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

Flutter在Windows平台下的安装配置

7. 设置 Android emulator

打开AVD Manager, 新建.

Flutter在Windows平台下的安装配置

随意选择一个后下一步

Flutter在Windows平台下的安装配置

建议选择 x86_64的 image.

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

Graphics 选择 Hardware GLES 2.0

Flutter在Windows平台下的安装配置

8. 配置编辑器

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

8.1 Android Studio

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

Flutter在Windows平台下的安装配置

Browse repositiories..

Flutter在Windows平台下的安装配置

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

Flutter在Windows平台下的安装配置

新建 Flutter project

Flutter在Windows平台下的安装配置

选择 Flutter Application

Flutter在Windows平台下的安装配置

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

Flutter在Windows平台下的安装配置

选择模拟器, 调试

Flutter在Windows平台下的安装配置

运行结果如下:

Flutter在Windows平台下的安装配置

8.2 Visual Studio Code (VS Code)

安装 Dart Code 扩展

Flutter在Windows平台下的安装配置

新建 Flutter 项目

Flutter在Windows平台下的安装配置

Flutter在Windows平台下的安装配置

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

Flutter在Windows平台下的安装配置

等待项目创建完成

Flutter在Windows平台下的安装配置

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

Flutter在Windows平台下的安装配置

F5 开始调试

Flutter在Windows平台下的安装配置

运行结果如下.

Flutter在Windows平台下的安装配置

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. jquery插件图片延时加载实例详解

    效果预览:http://keleyi.com/keleyi/phtml/image/index.htm 使用方法:1.导入JS插件 <script src="http://keleyi ...

  2. LINQ构建交叉表

    最近碰到客户的一个需求.使用交叉表来显示客户数据.也就是以同时以行头和列头交叉形式显示数据内容.同时要求即使有些列没有数据,也需要显示该列内容,并设置默认值. 说明: “交叉表”对象是一个网格,用来根 ...

  3. laravel实现发送qq邮件

    首先修改config/mail.php 'from' => [ 'address' => 'hello@example.com', 'name' => 'Example', ], 修 ...

  4. SEO-长尾词与分词技术

        长尾关键词与分词技术 长尾关键词:网站非目标关键词,能给网站带来流量的关键词. 例如:主关键词是成都网站建设 那么,跟成都网站建设相关的词,就叫做长尾关键词. 比如:成都网站建设哪里好?成都网 ...

  5. 读书笔记 effective c&plus;&plus; Item 37 永远不要重新定义继承而来的函数默认参数值

    从一开始就让我们简化这次的讨论.你有两类你能够继承的函数:虚函数和非虚函数.然而,重新定义一个非虚函数总是错误的(Item 36),所以我们可以安全的把这个条款的讨论限定在继承带默认参数值的虚函数上. ...

  6. python3&period;5安装pyHook&comma;解决【TypeError&colon; MouseSwitch&lpar;&rpar; missing 8 required positional arguments&colon; &&num;39&semi;msg&&num;39&semi;&comma; &&num;39&semi;x&&num;39&semi;&comma; &&num;39&semi;y&&num;39&semi;&comma; &&num;39&semi;data&&num;39&semi;&comma; &&num;39&semi;time&&num;39&semi;&comma; &&num;39&semi;hwnd&&num;39&semi;&comma; and &&num;39&semi;window&lowbar;name&&num;39&semi;】这个错误!

    为什么安装 pyHook包:为Windows中的全局鼠标和键盘事件提供回调. Python应用程序为用户输入事件注册事件处理程序,例如鼠标左键,鼠标左键,键盘键等 先要实时获取系统的鼠标位置或者键盘输 ...

  7. JQuery----操作01

    ---恢复内容开始--- 一 JQuery选择器: 基本选择器和基本过滤器和筛选选择器 基础选择器: <title>Title</title> <script src=& ...

  8. HttpSimpleClient连接服务器

    public class HttpSimpleClient { /** * 发送GET请求. */ static public HttpResult httpGet(String url, List& ...

  9. day3&lowbar;字典

    一.说明 字典的每个键值(key=>value)对用冒号(:)分割,每个对之间用逗号(,)分割,整个字典包括在花括号({})中 ,格式如下所示: dict = {key1:value1,key2 ...

  10. BTrace学习总结

    一.简介: 在生产环境中经常遇到格式各样的问题,如OOM或者莫名其妙的进程死掉.一般情况下是通过修改程序,添加打印日志:然后重新发布程序来完成.然而,这不仅麻烦,而且带来很多不可控的因素.有没有一种方 ...