Windows搭建flutter开发环境以及android&idea配置
Flutter:是谷歌新推出的一款能够支持Android和IOS跨平台开发的全新的UI框架。
拥有自己的一套UI渲染引擎,所以目前的测试数据来看,在性能上面,并没有比原生App性能低多少,所以目前来看,还是一套可以跟进的跨平台方案。
需要的安装软件
flutter SDK下载:https://flutter.dev/docs/get-started/install/windows
下载 Dart 插件
下载 Flutter 插件
准备 IDE(Android Studio【as建议使用3.1以上版本】或者 Idea)配置 flutter sdk即可

下载 flutter 之后,解压放置到对应的目录中,配置 flutter 的环境变量;在这一步最好是将 android sdk 的环境变量一起配置了,如果配置过,则可以略过配置 android sdk 这一步
Flutter需要下面这两个插件支持:
- Flutter 插件用来支撑Flutter开发者的流程(运行,调试,热加载,等等)
- Dart插件则提供代码分析(代码合法性校验,代码补全等等)
在android studio中直接下载安装这两个插件即可
File-Settings


由于自己的已经安装完成,所以没有了安装选项,直接点击旁边的安装即可,会自动安装另外一个插件;等待 install 的按钮变为 restart android studio,点击此按钮,重启即可;


由于防火墙原因:最好是将部分数据改为阿里云的

1 buildscript {
2 repositories {
3 //google()
4 //jcenter()
5 maven{
6 url 'https://maven.aliyun.com/repository/google'
7 }
8 maven{
9 url 'https://maven.aliyun.com/repository/jcenter'
10 }
11 maven{
12 url 'http://maven.aliyun.com/nexus/content/groups/public'
13 }
14 }
15 dependencies {
16 classpath 'com.android.tools.build:gradle:3.2.1'
17 }
18 }
在项目中也需要更改:
1 buildscript {
2 ext.kotlin_version = '1.2.71'
3 repositories {
4 //google()
5 //jcenter()
6 maven{
7 url 'https://maven.aliyun.com/repository/google'
8 }
9 maven{
10 url 'https://maven.aliyun.com/repository/jcenter'
11 }
12 maven{
13 url 'http://maven.aliyun.com/nexus/content/groups/public'
14 }
15 }
16
17 dependencies {
18 classpath 'com.android.tools.build:gradle:3.3.1'
19 classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
20 }
21 }
22
23 allprojects {
24 repositories {
25 //google()
26 //jcenter()
27 maven{
28 url 'https://maven.aliyun.com/repository/google'
29 }
30 maven{
31 url 'https://maven.aliyun.com/repository/jcenter'
32 }
33 maven{
34 url 'http://maven.aliyun.com/nexus/content/groups/public'
35 }
36 }
37 }
Windows搭建flutter开发环境以及android&idea配置的更多相关文章
- 在 macOS 上搭建 Flutter 开发环境
下载 Flutter SDK flutter官网下载:https://flutter.io/sdk-archive/#macos 若上述链接无法访问,可通过GitHub下载 https://githu ...
- Windows搭建python开发环境,python入门到精通[一]
从大学开始玩python到现在参加工作,已经有5年了,现在的公司是一家.net的公司用到python的比较少,最近公司有新项目需要用到python,领导希望我来跟其他同事training,就有了这篇博 ...
- Windows搭建python开发环境
python你不去认识它,可能没什么,一旦你认识了它,你就会爱上它 基本概念Python(英语发音:/ˈpaɪθən/), 是一种面向对象.解释型计算机程序设计语言,由Guido van Rossum ...
- 浅谈Flutter(一):搭建Flutter开发环境
学习内容来自: Flutter中文网 . Flutter实战 -------------------------------------------------------------------- ...
- Flutter开发环境(Window)配置及踩坑记录
Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK.Flutter 兼容现有的代码,免费且开源,在全球开发者中广泛被使用. F ...
- [Flutter] Windows平台Flutter开发环境搭建(Andorid Studio)
前两天网友在群里说起了Flutter,就了解了一下,在手机上跑了它的demo,直接就被打动了. 虽然网上有很多教程,但真正开始的时候,还是会碰到很多坑.下面详细的讲解Flutter + Android ...
- 入门: 在Windows上搭建Flutter开发环境
使用镜像 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中: export PUB_HOSTED_URL=htt ...
- 在windows系统搭建Flutter开发环境
开发环境搭建(Windows) 系统要求 设置FLutter镜像(非必须) 获取Flutter SDK Android开发环境设置 安装Flutter插件 系统要求 在Windows上要安装并运行Fl ...
- 2-5 Flutter开发环境与Android开发环境设置详解(Windows)
第二个是国内服务器的网址 andoid stuido的一些使用的说明文档 https://developer.android.google.cn/studio/intro 安装Flutter Dart ...
随机推荐
- 51nod1089 最长回文子串 manacher算法
0. 问题定义 最长回文子串问题:给定一个字符串,求它的最长回文子串长度. 如果一个字符串正着读和反着读是一样的,那它就是回文串.下面是一些回文串的实例: 12321 a aba abba aaaa ...
- Linux的IO调度程序
Linux的IO调度机制浅析 现代计算机体系中,磁盘的速度和CPU的速度差距太大了,如果简单的将系统的IO请求按照请求的顺序进行顺序处理的话,系统的IO开销将导致系统的效率十分的低下,因此就需要将IO ...
- 使用Benchmark.NET测试代码性能
今天,我们将研究如何使用Benchmark.Net来测试代码性能.借助基准测试,我们可以创建基准来验证所做的更改是否按预期工作并且不会导致性能下降. 并非每个项目都需要进行基准测试,但是如果您正在开发 ...
- Python+OpenCV+图片旋转并用原底色填充新四角
import cv2 from math import fabs, sin, cos, radians import numpy as np from scipy.stats import mode ...
- Linux bash script regex auto replace
Linux bash script regex auto replace 自动替换 /assets/css/0.styles.96df394b.css => ./assets/css/0.sty ...
- webfullstack website
webfullstack website refs https://www.lanqiao.cn/paths/ xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许 ...
- Git Best Practice All In One
Git Best Practice All In One git workflow 本地开发环境: 开发人员自测的,可以是自己本地部署的静态服务器,当然也可类似是运行 npm server类似的环境, ...
- LeetCode & linked list bug
LeetCode & linked list bug add-two-numbers shit test /** * Definition for singly-linked list. * ...
- React Learning Paths
React Learning Paths React Expert React in Action The assessment may cover: Components Events and Bi ...
- How to get a DOM element's ::before content with JavaScript?
How to get a DOM element's ::before content with JavaScript? https://stackoverflow.com/questions/443 ...