平台:WIndows10 Android Studio

VScode同理,具体可以参考Flutter中文站

配置环境

1.下载SDK,进入官网选择最新的即可。我这里选择的是v1.9.1+hotfix.2版本,建议使用迅雷下载,速度飞快~

2.解压 Flutter,然后进入flutter/bin目录下,把这个地址复制下来加入系统环境变量中,如图所示。

3.在cmd中输入 flutter 如果出现如下图所示即代表环境变量配置成功。

然后就可以输入 flutter doctor ,来检测一下flutter的环境依赖是否完全(显然是不可能完全的,提示需要下载,直接Y即可)。

注意,如果下载速度很慢或者你不会魔法上网,请使用临时镜像:

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

加在系统用户的环境变量中即可。

3.如果你的Android Studio已经安装好了flutter插件,你会看到如下界面。

发现有一个协议啥的需要签,按照提示操作即可。

无脑yes后,再运行一下flutter doctor,大功告成!

使用Android Studio 创建第一个项目

1.在一切环境配置好后,打开AS的界面应该是这样:

选择创建Flutter项目

2.选择第一个,创建一个Flutter应用

3.为项目配置一些基本属性和包名

4.稍等片刻即可完成项目的创建。如果之前AS配置了虚拟机,直接运行即可。

然后在Device中选择你的虚拟机(真机也可以),运行

这时候Flutter会自动下载一些依赖什么的,过程非常漫长。。。耐心等待。

然而我的根本没有速度啊!!!(从任务管理器中可以看到)

Flutter在AS中的坑就是,如果gradle下载超时,没有提示!!!是一直在加载中

所以你需要手动去下载对应的包然后放在对应目录下。

在这个目录下:

C:\Users\用户\.gradle\wrapper\dists

有所有的gradle包,所以点击查看哪一个不是完整的zip格式的,就手动去下载对应的版本吧。

gradle官网

注意下载好的安装包一定要放在这个目录下面:

然后重新运行,等待一会,你的第一个flutter程序已经运行起来了。

【Flutter】环境搭建以及HelloWorld创建的更多相关文章

  1. Android开发-环境搭建以及HelloWorld

    最近开始进行Android的开发,没有基础完全从0开始.   首先,知道Android开发的官方网站: http://developer.android.com/index.html 网站本身教程非常 ...

  2. 【Android开发】之Android环境搭建及HelloWorld

    原文链接:http://android.eoe.cn/topic/android_sdk Android开发之旅:环境搭建及HelloWorld Android开发之旅:环境搭建及HelloWorld ...

  3. Android最简单的实例 :环境搭建及HelloWorld

    Android开发之旅:环境搭建及HelloWorld 2010-04-12 00:45 by 吴秦, 883961 阅读, 140 评论, 收藏,  编辑 ——工欲善其事必先利其器 引言 本系列适合 ...

  4. Flutter环境搭建以及快捷命令

    Flutter环境搭建 配置环境变量 用户变量 FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn PUB_HOSTED_URL : ht ...

  5. Mac最新Flutter环境搭建运行和对比理解声明式UI

    前言 这段时间一直都在学习和写关于SwiftUI的东西,前面也总结了四篇文章来大体上说了下Demo中功能实现的一些细节,后面准备开始了解学习一下Flutter,争取在年前能再用Flutter写一份项目 ...

  6. Scala深入浅出实战经典---001-Scala开发环境搭建和HelloWorld解析

    001-Scala开发环境搭建和HelloWorld解析 Scala 函数式编程和面向对象结合的语言 函数式编程擅长数值计算 面向对象擅长大型工程和项目的组织以及团队的分工协作 Scala会是下一个伟 ...

  7. Ionic2开发环境搭建、项目创建调试与Android应用的打包、优化

    Ionic2开发环境搭建.项目创建调试与Android应用的打包.优化. windows下ionic2开发环境配置步骤如下: 下载node.js环境,稳定版本:v6.9.5 下载android stu ...

  8. Django项目: 项目环境搭建 ---- 一、创建django项目

    项目环境搭建 一.创建django项目 1.创建python虚拟环境 在虚拟机上创建python虚拟环境,因为实际项目部署,实在linux mkvirtualenv -p /usr/bin/pytho ...

  9. Android开发之基于AndroidStudio环境搭建和工程创建

    断断续续的学习安卓也有一段时间了.因为之前是搞iOS开发的, 之前有关iOS的博客请看<我的iOS开发系列博文>.<我的Objective-C系列文章>和<窥探Swift ...

随机推荐

  1. 毕业论文系列之基于WiFi的智能农业大棚管控系统设计代码

    #include <dht11.h>//dht11库 #include <MsTimer2.h>               //定时器库的 头文件 #include < ...

  2. 利用jQuery动态添加input输入框,并且获取他的值

    动态添加 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEnco ...

  3. svn: Can't connect to host '': 由于目标机器积极 原因及解决办法

    在dos环境下输入命令“svnserve -d --listen-port 3690 -r d:\svn” 这里“d:\svn” 是你在svn中创建的版本库路径,然后执行命令,记住窗口不能关闭,关闭之 ...

  4. mplayer使用心得[转]

    一直在用mplayer,其他的播放器很少用.以下是我使用过程中的一些心得.  注意,下面用的路径都是在我的电脑上的路径,使用时请不要照抄!应该换成你的电脑上的正确路径.  一.首先还是讲安装方面的问题 ...

  5. PAT_B1002数字分类

    #include<stdio.h> #include<iostream> using namespace std; int main(){ ,a2=,a3=,a5=; ; ; ...

  6. POJ_1050_最大子矩阵

    http://poj.org/problem?id=1050 这道题是最大子串的扩展,遍历过每一个子矩阵就好了,期间用了最大子串的方法. #include<iostream> #inclu ...

  7. 用EFCore的 FluentAPI 方式生成MySql 带注释的数据库表结构

    采用的是net Core 3.1框架下的 的WebAPI项目. 1.  创建ASP.NET Core Web项目  2. 添加NuGet引用包,包如下 Microsoft.EntityFramewor ...

  8. NR / 5G - Downlink Carrier Waveform

  9. 学习CSS之用CSS实现时钟效果

    一.机械时钟 1.最终效果 用 CSS 绘制的机械时钟效果如下: HTML 中代码结构为: <body>     <div class="clock">   ...

  10. tomcat 日志

    1.Tomcat的日志(./tomca/logs/) 分为5类,这里面 1和5比较重要 .catalina.--.log 或者 catalina.out: 引擎的日志文件 .host-manager. ...