平台: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. pandas行列显示不全的问题

    https://blog.csdn.net/rookie_is_me/article/details/83991490

  2. Cheat Sheet pyspark RDD(PySpark 速查表)

  3. java一些技术

    怎么样得到编译.java文件得到.class文件 两个用于反编译的工具Luyten和java decompiler 直接将jar包或则.class字节码文件拖到里面即可得到反汇编得到对应的java文件 ...

  4. create-react-app 打包后静态文件过大 webpack优化

    在最近的项目里,页面和静态文件并不是很多的情况下,打包后发现产出的静态资源却很大. 1.关掉sourcemap 在config/webpack.config.js文件里,大概30几行的位置添加这样一句 ...

  5. Bound Method and Unbound Method - 绑定方法 与 非绑定方法

    Bound Method and Unbound Method 通常有两种方法对类的方法(instance.method)/属性(class.attribute)进行引用, 一种称做 Bound Me ...

  6. 开源堡垒机jumpserver的配置和使用

    开源跳板机jumpserver配置和使用 http://docs.jumpserver.org/zh/docs/quick_start.html#id9 系统设置 基本设置 # 修改url 的&quo ...

  7. Jedis客户端即redis中的pipeline批量操作

    关注公众号:CoderBuff,回复"redis"获取<Redis5.x入门教程>完整版PDF. <Redis5.x入门教程>目录 第一章 · 准备工作 第 ...

  8. Vue与React的区别

    对已经了解的内容,做几点介绍,并不全面,后期会不断更新~ React与Vue都是组件化的开发框架,整体功能类似. 一.数据处理模式(单项 or 双向): React推崇单项数据流的处理模式,数据不可以 ...

  9. JS水仙花数

    题目:3位数==个位立方+十位的立方+百位的立方.这个3位数就是水仙花数.要求打印出所有的水仙花数 <body> <div id=d1> </div> <sc ...

  10. Sublime Text3添加到右键菜单,"用 SublimeText3 打开"

    在Sublime Text3安装目录下新建一个文件 sublime_addright.inf 文件内容: [Version] Signature="$Windows NT$" [D ...