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配置的更多相关文章

  1. 在 macOS 上搭建 Flutter 开发环境

    下载 Flutter SDK flutter官网下载:https://flutter.io/sdk-archive/#macos 若上述链接无法访问,可通过GitHub下载 https://githu ...

  2. Windows搭建python开发环境,python入门到精通[一]

    从大学开始玩python到现在参加工作,已经有5年了,现在的公司是一家.net的公司用到python的比较少,最近公司有新项目需要用到python,领导希望我来跟其他同事training,就有了这篇博 ...

  3. Windows搭建python开发环境

    python你不去认识它,可能没什么,一旦你认识了它,你就会爱上它 基本概念Python(英语发音:/ˈpaɪθən/), 是一种面向对象.解释型计算机程序设计语言,由Guido van Rossum ...

  4. 浅谈Flutter(一):搭建Flutter开发环境

    学习内容来自: Flutter中文网  . Flutter实战 -------------------------------------------------------------------- ...

  5. Flutter开发环境(Window)配置及踩坑记录

    Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK.Flutter 兼容现有的代码,免费且开源,在全球开发者中广泛被使用. F ...

  6. [Flutter] Windows平台Flutter开发环境搭建(Andorid Studio)

    前两天网友在群里说起了Flutter,就了解了一下,在手机上跑了它的demo,直接就被打动了. 虽然网上有很多教程,但真正开始的时候,还是会碰到很多坑.下面详细的讲解Flutter + Android ...

  7. 入门: 在Windows上搭建Flutter开发环境

    使用镜像 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中: export PUB_HOSTED_URL=htt ...

  8. 在windows系统搭建Flutter开发环境

    开发环境搭建(Windows) 系统要求 设置FLutter镜像(非必须) 获取Flutter SDK Android开发环境设置 安装Flutter插件 系统要求 在Windows上要安装并运行Fl ...

  9. 2-5 Flutter开发环境与Android开发环境设置详解(Windows)

    第二个是国内服务器的网址 andoid stuido的一些使用的说明文档 https://developer.android.google.cn/studio/intro 安装Flutter Dart ...

随机推荐

  1. JDK的卸载与安装

    JDK的卸载 删除Java的安装目录 删除JAVA_HOME 删除path下关于Java的目录 DOS命令Java -version查看状态 JDK的安装 百度搜索jdk8,找到下载地址 同意协议 下 ...

  2. k8s二进制部署 - harbor安装

    harbor安装 # 目录说明: # /opt/src : 源码.文件下载目录 # /opt/release : 各个版本软件存放位置 # /opt/apps : 各个软件当前版本的软链接 [root ...

  3. 牛客网多校第5场 I vcd 【树状数组+离散化处理】【非原创】

    题目:戳这里 学习博客:戳这里 作者:阿狸是狐狸啦 n个点,一个点集S是好的,当且仅当对于他的每个子集T,存在一个右边无限延长的矩形,使的这个矩形包含了T,但是和S-T没有交集. 求有多少个这种集合. ...

  4. C# TextBlock

    TextBlock 适合长文本多行显示,Label可以看成是一个简短的单行的TextBlock,只是Label可以显示图片,TextBlock只能显示纯文本 默认的文本不会分行显示,超出窗体宽度的字符 ...

  5. C++的继承权限

    原文来自于:https://www.cnblogs.com/2018shawn/p/10648408.html 公式: 继承成员对外的访问属性 = Max{继承方式,父类成员访问级别}: ps;以下成 ...

  6. vagrant + virtualbox安装centos环境+docker安装

    1. 下载vagrant 并安装,安装完成后,输入vagrant回车查看是否安装成功 2. 下载virtualbox.box并安装,安装完成后. 3. 创建虚拟机文件夹,例如.F:/vmimg/fir ...

  7. 后Low Code时代:聚焦和突破

    很多人都不想被贴上标签,我曾经也一样.觉得青春不能被定义,人也不能被分类.但随着学习和工作的变迁,慢慢开始发现标签也是一种名片效应. 比如一个做汽车销售的朋友,他就对BMW的车型非常熟悉,可以说是懂车 ...

  8. webfullstack website

    webfullstack website refs https://www.lanqiao.cn/paths/ xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许 ...

  9. DOM & Node.contains

    DOM & Node.contains Node.contains() https://developer.mozilla.org/en-US/docs/Web/API/Node/contai ...

  10. SVG tada 🎉 animation effects

    SVG tada animation effects symbol & use <svg viewBox="0 0 80 20" xmlns="http:/ ...