今天flutter1.0已经发布了,有没有一点小小的兴奋,为了纪念这个令人激动的日子,我决定发一篇flutter的基本环境搭建的教程送给大家:)

  由于这是一篇关于flutter配置环境的教程,在这里对于flutter的神奇之处我就不做过多介绍了,直接发车:

首先你的环境要满足这些基本条件:

  1.win7 sp1或者更高版本(64位)
  2.400mb (不包含ide/工具的磁盘空间)
  3.android sdtudio 3.0或者更高的版本
  4.Android 4.1或者更高的版本

教程中需要的一些安装包什么的在这里我就不做过多解释了,百度是个好东西,如果大家找不到安装包的话可以私聊我或者给我留言找我要,我q号是291678978,话不多说准备起飞~

一、安装java的jdk

1. 安装java的jdk,去oracle网站下载就ok,或者百度jdk下载,点击我同意,下载个jsdk8u192那个,下载windows x64那个
2. 下载好以后,双击打开,点击下一步,最好别装C盘,可以装到D盘根目录下,安装,中间会跳出来让你安装一个jre,直接安装到你刚才目录下,新建个文件夹安装进去,文件夹名字可以叫做jre
3. 打开D盘根目录看看你的东西,进入jdk这个文件夹里面,

复制路径,给它配个环境变量,在系统变量新建一个,变量名:JAVA_HOME,变量值就是你刚才拷贝的文件目录的路径

 

二、flutter的安装

1. 把那个压缩包解压,它会自动弄完,并且会生成一个flutter文件夹,进入flutter的bi件夹里面,去配个环境变量,这个直接加到系统变量的Path里就ok
2. 随便创建一个文件夹,在创建一个文件夹(在这里我直接取名叫flutter了),名字随便取,给它拖到你的编译器里,命令行输入flutter看看有没有安装成功,然后flutter doctor来检测错误,这个时候他会给你报一些依赖没有安装,不要慌,我们一一解决:

三、安装android SDK

1. 安装你的Android SDK,他会自动检测你的java文件目录,你可以把这个adndroid-sdk安装到你的D盘目录里面可以创建一个Android文件夹给它扔进去
2. 配置adndroid-sdk的环境变量,新建,变量名:ANDROID_HOME,变量值:你刚才复制的目录

四、安装android-studio

1. 然后就可以开始安装你的android-studio,然后回来继续点击它,装到D盘的Android里面,下一步下一步下一步(不要刹车什么都不用点,一直下一步就行),打开安装

2.安装后之后会弹出来一个完成安装的框,就选择默认的Do not import settings就可以,点击ok

3.同时这个时候,你可以继续在你的编译器里再重新输一次flutter doctor,他会提示你哪些插件没安装,我们在android studio中安装需要的插件即可
4. 然后弹出来一个Android Studio First Run的框,选择cancel,过程中你需要***(在这里如何***我就不做太多解释了),点击点击点击,下一步下一步(照样,不要刹车,什么都默认值,一路前进),安装成功后你可以在你的android-studio\bin这个路径下找到studio64.exe这个运行文件,双击打开即可,或者安装后之后会直接弹出开始界面

5. 点击Configure->plugins,安装你的flutter报错需要安装的插件

 6.假如你在安装插件的过程中报了这个错误,去设置里面把https改成http,设置在Configure里面的Settings,把图中的Use secure connection选项划掉即可,点击Apply->OK,注意插件安装完毕后要重启Android Studio才会成功

这个时候你再去运行一下flutter doctor,应该全部准备工作都已经完成了,接下来就是连接设备(距离成功越来越近了,稳住不要慌)

五、拿出来你的安卓手机,开始调试

1. 打开你的开发者选项

2. 进入开发人员选项,打开USB调试

3.选择USB配置,选择为MIDI

5.期间注意会弹出来一个是否允许USB调试,点击确定

5.继续执行flutter doctor,你会发现都已经划上对号了

 六、创建项目,准备起飞

1. 创建一个你的flutter项目,执行命令:flutter create 你的项目名      

2. 进入你的项目文件夹里面,也就是执行命令:cd 你的项目名

3. 运行你的项目,准备起飞!执行命令:flutter run    //注意,这个过程有点小小的漫长,毕竟第一次,有点耐心,静静等待即可:)

4. 期间手机会给你弹出来让你安装flutter,点击继续安装即可

5.当你的编译器命令行出现这些的时候,说明它已经执行到头了,距离成功就只剩下你的一个点击

6.这个时候你的手机上已经安装后flutter了,你只需要用你的手指轻轻的点一下,恭喜你,起飞了~~~

 苹果手机的宝宝们看这里:

苹果手机的同学可以去下载个模拟器(一样run的飞起),在这里我给大家推荐一款模拟器,叫雷电安卓模拟器,百度就可以搜到,

flutter开发之配置环境以及一些问题的处理方案~的更多相关文章

  1. 安卓开发 1配置环境 (JDK+Andriod stiuio)

    配置JDK+Andriod stiuio 所需要用到的JDK和AS 链接:https://pan.baidu.com/s/1smHCD1z密码:rxh2 1 JAVA_SDK   1.1 下载 htt ...

  2. Mac进行Flutter开发的配置

    可以参数Flutter中文网提供的方法: https://flutterchina.club/setup-macos/ 使用镜像 由于国内访问Flutter有时会受到限制(博主公司网络自带VPN没有这 ...

  3. 安装与配置Flutter开发环境

    这篇博客我们介绍了Flutter,并且对比了H5,React Native,Flutter. 由于Flutter是跨平台的开发框架,开发一次可以同时运行在Android和iOS上面,所以我们开发时最好 ...

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

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

  5. mac 上配置flutter开发环境

    (ios,Android,Xcode,Android Studio,VScode,IDEA) 1)安装Flutter SDK 2)iOS 环境配置 3)Android Studio配置 4)VS co ...

  6. 【Flutter 1-2】在 Windows 10下安装Flutter+Dart+Android Studio 配置Flutter开发环境

    在 Windows 10下安装Flutter+Dart+Android Studio 配置Flutter开发环境 文章首发地址 配置环境变量 由于部分网站被墙的原因,我们需要先配置Flutter国内镜 ...

  7. MAC安装flutter开发环境

    #最近在学flutter开发,写一篇记录一下安装的过程 1.配置flutter镜像地址  vim ~/.bash_profile 命令行输入后回车,打开.bash_profile配置镜像地址 expo ...

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

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

  9. Flutter 开发环境搭建

    Flutter 开发环境搭建 官方的资料相对还是比较全面的,包含了很多中文的资料信息.官方对咱们国家的开发人员还是很友好的. 安装教程:https://flutter.io/get-started/i ...

随机推荐

  1. Cass和ArcGIS交换

    南方cass图形为CAD,把CAD图形转换成arcgis没有任何问题,到属性有问题,cass存放数据是放在CAD扩展XDATA中,和 arcgis导入导出CAD标准扩展属性不一样,只能二次开发使用,c ...

  2. arcgis C#判断点在线段的左右侧

    要判断一个点在一条线段的左侧还是右侧,从网上查到了这样一个算法.其实本质上就是一个sin角度的计算问题. 设线段端点为从A(x1,y1)到B(x2,y2),线外一点P(x0,y0),判断该点位于有向线 ...

  3. 尝试VS插件

    从试用vs2013开始,ide变得越来越智能,但是vs2013总是会出一些莫名其妙的问题,导致编译不成功,不能跟vs2010共享等等.于是由再次回到vs2010. 现在vs2015的update1更新 ...

  4. Android layout 布局 属性详解

    第一类:属性值 true或者 false           android:layout_centerHrizontal 水平居中     android:layout_centerVertical ...

  5. SharePoint 2010配置PDF文件全文检索

    一.安装Adobe PDF 64 bit IFilter version 9合Adobe Reader 9下载地址: http://www.adobe.com/support/downloads/de ...

  6. JavaScript中弧度和角度的转换

    弧度 = 角度 * Math.PI / 180 角度 = 弧度 * 180 / Math.PI 在JavaScript Math 对象中: sin() 方法可返回一个数字的正弦. tan() 方法可返 ...

  7. LESS初体验

    将一个变量赋值给另一个变量,用引号:@white: 'color-white';,使用另一个变量,需要双@@符号:p {color: @@white;}. 而以这样进行变量的赋值:@white: @c ...

  8. php配置优化-生产环境应用版

    [global] error_log = log/php-fpm.log log_level = warning emergency_restart_threshold = 10 emergency_ ...

  9. CRUD全栈式编程架构之数据层的设计

    CodeFirst 一直以来我们写应用的时候首先都是创建数据库 终于在orm支持codefirst之后,我们可以先建模. 通过模型去创建数据库,并且基于codefirst可以实现方便的 实现数据库迁移 ...

  10. IOS 蓝牙(GameKit、Core Bluetooth)

    GameKit的蓝牙开发注意 ● 只能用于iOS设备之间的连接 ● 只能用于同一个应用程序之间的连接 ● 最好别利用蓝牙发送比较大的数据 /* 关于蓝牙的数据传输  1. 一次性传送,没有中间方法,所 ...