随着 2018 年底 GOOGLE 正式发布了 flutter1.0,这个原生开发框架大火,试用了一下确实不错,代码状态即时刷新,所见即所得。APP 开发的环境安装,比较复杂,很多初学者在这一步就被 PASS 了。欢迎加入Q群:697028234

1.安装 GIT.(下载地址:https://www.git-scm.com/download/win)

安装 Android studio 3.2 和相关依赖,一路 next 即可。 (下载地址:http://www.android-studio.org/)

2.下载安装 PowerShell5.0(下载地址:https://www.jb51.net/softs/580141.html

3.安装 flutter。

因为众所周知的原因,clone 下载 flutter 库很慢,所以安装了***软件,临时设置 cmd 代理后下载速度会快一些。


4.将 clone 的 Flutter 仓储中 bin 目录的完整路径,添加到系统环境变量 path 中。(clone 路径必须是全英文)


必须用 powershell 5.0 运行 flutter 命令,否则会报错。

设置用户变量,设置为国内镜像加速依赖包下载

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

5.1 安装 VS Code,下载 1.20.1 或更高版本.

设置中文界面:CTRL+SHIFT+P 输入 configure display language,将 en 设置为 zh-CN。安装中文语言包。


5.2 为 VS Code 安装 Flutter 插件


在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’和‘Dart’, 然后点击 Install

5.3 通过 flutter doctor 验证 VS Code 是否安装配置成功

调用 查看>命令面板

输入 ‘doctor’, 然后选择 Flutter: Run Flutter Doctor

查看“OUTPUT”窗口中的输出是否有问题

6. 创建 flutter 项目

在 VS Code 面板中,按下快捷键 Ctrl + Shift + P 打开命令面板

在命令面板中输入 flutter

选择 flutter: New Project 选项创建新项目

选择项目存放目录后,刚才执行的命令会自动创建 Flutter 项目

7.运行 flutter 项目

运行 flutter devices 命令查看是否有 android 设备连接到当前电脑上

如果显示已有安卓设备连接到当前电脑,则运行 flutter run 命令,即可把项目以 debug 调试模式运行于安卓设备之上

如果是用模拟器,需要安装启动模板器后,在 VSC 的控制终端上输入 adb connect 命令连接。比如:夜神为 adb connect 127.0.0.1:62001。(经测试部分模拟器会报错 Dart VM: SSE2 is required,如 mumu 模拟器。)正常链接模拟器后可查看右下角状态。推荐使用 android studio 模拟器(VSC 可自动识别)。

注意:如果运行 flutter devices 命令无法查看到已连接的安卓设备,则按步骤配置手机,开启开发者模式:

按 F5 或是在终端输入 flutter run 运行项目成功,如图:

夜神模拟器运行成功:

注意:需要安装 Android 4.1(API level 16) 或 更高版本 的 Android 设备

在您的设备上启用 开发人员选项 和 USB 调试 。详细说明可在 Android 文档 中找到。

使用 USB 将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。

在终端中,运行 flutter devices 命令以验证 Flutter 识别您连接的 Android 设备。

Win7下的flutter环境安装配置的更多相关文章

  1. Win7下Python2.7环境安装paramiko模块

    Win7下Python2.7环境安装paramiko模块,经过安装并测试成功,整理文档如下: 1.下载安装Windows版本的Python2.7,我默认装在C:\Python27 我的python已经 ...

  2. Linux下xampp集成环境安装配置方法 、部署bugfree及部署禅道

    XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建站集成软件包.XAMPP 是一个易于安装且包含 MySQL.PHP 和 Perl 的 Apache 发行版.XAMPP 的确非 ...

  3. Linux系统下Nginx+PHP 环境安装配置

    一.编译安装Nginx 官网:http://wiki.nginx.org/Install 下载:http://nginx.org/en/download.html # tar -zvxf nginx- ...

  4. win7下android开发环境搭建(win7 64位)

    win7下android开发环境搭建(win7 64位)   一.安装 JDK 下载JDK最新版本,下载地址如下: http://www.oracle.com/technetwork/java/jav ...

  5. Linux下apache+phppgadmin+postgresql安装配置

    Linux下apache+phppgadmin+postgresql安装配置 操作系统:CentOS 安装包:httpd(首选yum), php(包括php以及php-pgsql,php-mbstri ...

  6. Sencha Toucha 2 —1.环境安装配置、在线打包、离线打包

    环境安装配置        1. 下载 1.1     Sencha Touch 下载 http://cdn.sencha.com/touch/sencha-touch-2.2.1-gpl.zip 1 ...

  7. [转载]SharePoint 2013测试环境安装配置指南

    软件版本 Windows Server 2012 标准版 SQL Server 2012 标准版 SharePoint Server 2013 企业版 Office Web Apps 2013 备注: ...

  8. Windows下MemCache多端口安装配置

    Windows下MemCache环境安装配置的文章很多,但大部分都是用的默认端口11211,如何修改默认端口.如何在一台服务器上配置多个MemCache端口?这正式本文要解决的问题. 1.从微软官网下 ...

  9. Windows 8.1下 MySQL绿色版安装配置与使用

    原文:Windows 8.1下 MySQL绿色版安装配置与使用 Mysql-5.6.17-winx64操作步骤: 一.安装MySQL数据库 1.下载. 下载地址:http://downloads.my ...

随机推荐

  1. Sass常用写法

    Sass使用变量,变量以$开头 $bgcolor:#f40; background-color:$bgcolor; 如果变量需要嵌套在字符串当中,就需要写在#{}之中 $direction:left; ...

  2. spark监控入门

    前言 Spark作为计算引擎每天承载了大量的计算任务,为了监控集群的资源使用情况,对spark的监控也在所难免,Spark的监控有3个入口,1. Rest; 2.另一个是Metrics; 3. Log ...

  3. 【eclipse】删除工作空间

  4. 直接通过OptionalAttribute, DefaultParameterValueAttribute定义缺省参数

  5. Python day18模块介绍2(使用BASE_DIR修改临时path,os模块)

    1.BASE_DIR修改path(别人导入py项目时不会因为绝对路径无法解释) #sys修改环境变量 #使用BASE_DIR将绝对路径改为相对路径 import sys,os BASE_DIR=os. ...

  6. HashMap中的hash函数

    在写一个HashSet时候有个需求,是判断HashSet中是否已经存在对象,存在则取出,不存在则add添加.HashSet也是通过HashMap实现,只用了HashMap的key,value都存储一个 ...

  7. STL_std::iterator

    1. VC6里面 看到,std::iterator 就是一个指针,但是 vs2010中貌似不是这样(感觉像是一个类...具体是啥还不太确定...)... 2.

  8. c++ primer plus 第二章 课后题答案

    #include<iostream> using namespace std; int main() { cout << "My name is Jiantong C ...

  9. dom 绑定数据

    一.绑定/修改    .jQuery修改属性值,都是在内存中进行的,并不会修改 DOM 1.  对象绑定  $(selector).data(name) $("#form").da ...

  10. [.NET源码] EF的增删改查

    EF的增删改查 创建上下文对象:WordBoradEntities db = new WordBoradEntities(); 一.添加: //1.1创建实体对象 User uObj = new Us ...