【Flutter】环境搭建以及HelloWorld创建
平台: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格式的,就手动去下载对应的版本吧。
注意下载好的安装包一定要放在这个目录下面:

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

【Flutter】环境搭建以及HelloWorld创建的更多相关文章
- Android开发-环境搭建以及HelloWorld
最近开始进行Android的开发,没有基础完全从0开始. 首先,知道Android开发的官方网站: http://developer.android.com/index.html 网站本身教程非常 ...
- 【Android开发】之Android环境搭建及HelloWorld
原文链接:http://android.eoe.cn/topic/android_sdk Android开发之旅:环境搭建及HelloWorld Android开发之旅:环境搭建及HelloWorld ...
- Android最简单的实例 :环境搭建及HelloWorld
Android开发之旅:环境搭建及HelloWorld 2010-04-12 00:45 by 吴秦, 883961 阅读, 140 评论, 收藏, 编辑 ——工欲善其事必先利其器 引言 本系列适合 ...
- Flutter环境搭建以及快捷命令
Flutter环境搭建 配置环境变量 用户变量 FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn PUB_HOSTED_URL : ht ...
- Mac最新Flutter环境搭建运行和对比理解声明式UI
前言 这段时间一直都在学习和写关于SwiftUI的东西,前面也总结了四篇文章来大体上说了下Demo中功能实现的一些细节,后面准备开始了解学习一下Flutter,争取在年前能再用Flutter写一份项目 ...
- Scala深入浅出实战经典---001-Scala开发环境搭建和HelloWorld解析
001-Scala开发环境搭建和HelloWorld解析 Scala 函数式编程和面向对象结合的语言 函数式编程擅长数值计算 面向对象擅长大型工程和项目的组织以及团队的分工协作 Scala会是下一个伟 ...
- Ionic2开发环境搭建、项目创建调试与Android应用的打包、优化
Ionic2开发环境搭建.项目创建调试与Android应用的打包.优化. windows下ionic2开发环境配置步骤如下: 下载node.js环境,稳定版本:v6.9.5 下载android stu ...
- Django项目: 项目环境搭建 ---- 一、创建django项目
项目环境搭建 一.创建django项目 1.创建python虚拟环境 在虚拟机上创建python虚拟环境,因为实际项目部署,实在linux mkvirtualenv -p /usr/bin/pytho ...
- Android开发之基于AndroidStudio环境搭建和工程创建
断断续续的学习安卓也有一段时间了.因为之前是搞iOS开发的, 之前有关iOS的博客请看<我的iOS开发系列博文>.<我的Objective-C系列文章>和<窥探Swift ...
随机推荐
- 2020 University Rankings US News(中国)
2020 University Rankings US News(中国)
- 拒绝低效!Python教你爬虫公众号文章和链接
本文首发于公众号「Python知识圈」,如需转载,请在公众号联系作者授权. 前言 上一篇文章整理了的公众号所有文章的导航链接,其实如果手动整理起来的话,是一件很费力的事情,因为公众号里添加文章的时候只 ...
- tmobst5
(单选题)SQL语言又称为() A)结构化定义语言 B)结构化控制语言 C)结构化查询语言 D)结构化操纵语言 2.(单选题)只有满足联接条件的记录才包含在查询结果中,这种联接为( ) A)左联接 B ...
- Intellij idea智能提示设置
忽略大小写敏感: 打开设置(CTRL+ALT+S)搜索editor,找到"Code Completion"->点击Case sensitive completion后面的选择 ...
- vue子向父传值
要弄懂子组件如何向父组件传值,需要理清步骤 子组件向父组件传值的步骤 一:子组件在组件标签上通过绑定事件的方式向父组件发射数据 <!--html--><template id=&qu ...
- 怎么理解Laravel的核心架构
使用过larave框架的朋友都知道laravel框架里面除了提供一些基本的功能(如控制器.视图.模型)之外,还有中间件.门面.契约等,这些东西是如何在laravel框架运用起来的呢?今天就和大家详聊一 ...
- php 搭建webSocket
<?php //2.设计一个循环挂起WebSocket通道,进行数据的接收.处理和发送 //对创建的socket循环进行监听,处理数据 function run(){ //死循环,直到socke ...
- Admin后台权限管理、三大认证
目录 APIView的请求生命周期 三大认证规则 权限六表 自定义User表 详细配置演示 models.py setting.py admin.py 使用过程: 控制填写信息的字段 控制添加权限 控 ...
- Vue中你可能认为是bug的情况原来是这样的
前言 我们知道Vue框架剧本双向数据绑定功能,在我们使用方便的同时,还有一些细节问题我们并不知道,接下来一起探讨一些吧 双向数据绑定 js变量改变影响页面 页面改变影响js变量 Vue2是如何做到数据 ...
- Android Studio 3.6 正式版终于发布了
Google 下载地址 百度云 下载地址 密码:epl9 如题,Android Studio 3.6 正式版终于发布了,值得兴奋呀,毕竟 3.5 大版本更新也已经差不多半年了,撒花撒花!这次更新又更新 ...