【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 ...
随机推荐
- 毕业论文系列之基于WiFi的智能农业大棚管控系统设计代码
#include <dht11.h>//dht11库 #include <MsTimer2.h> //定时器库的 头文件 #include < ...
- 利用jQuery动态添加input输入框,并且获取他的值
动态添加 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEnco ...
- svn: Can't connect to host '': 由于目标机器积极 原因及解决办法
在dos环境下输入命令“svnserve -d --listen-port 3690 -r d:\svn” 这里“d:\svn” 是你在svn中创建的版本库路径,然后执行命令,记住窗口不能关闭,关闭之 ...
- mplayer使用心得[转]
一直在用mplayer,其他的播放器很少用.以下是我使用过程中的一些心得. 注意,下面用的路径都是在我的电脑上的路径,使用时请不要照抄!应该换成你的电脑上的正确路径. 一.首先还是讲安装方面的问题 ...
- PAT_B1002数字分类
#include<stdio.h> #include<iostream> using namespace std; int main(){ ,a2=,a3=,a5=; ; ; ...
- POJ_1050_最大子矩阵
http://poj.org/problem?id=1050 这道题是最大子串的扩展,遍历过每一个子矩阵就好了,期间用了最大子串的方法. #include<iostream> #inclu ...
- 用EFCore的 FluentAPI 方式生成MySql 带注释的数据库表结构
采用的是net Core 3.1框架下的 的WebAPI项目. 1. 创建ASP.NET Core Web项目 2. 添加NuGet引用包,包如下 Microsoft.EntityFramewor ...
- NR / 5G - Downlink Carrier Waveform
- 学习CSS之用CSS实现时钟效果
一.机械时钟 1.最终效果 用 CSS 绘制的机械时钟效果如下: HTML 中代码结构为: <body> <div class="clock"> ...
- tomcat 日志
1.Tomcat的日志(./tomca/logs/) 分为5类,这里面 1和5比较重要 .catalina.--.log 或者 catalina.out: 引擎的日志文件 .host-manager. ...