码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2018-04-12 18:36:04      阅读:456      评论:0      收藏:0      [点我收藏+]

标签:java程序   照片   ref   src   java se   tin   电脑   教程   too   

前两天网友在群里说起了Flutter,就了解了一下,在手机上跑了它的demo,正接就被打动了。

虽然网上有很多教程,但真正开始的时候,还是会碰到很多坑。下面详细的讲解Flutter + Android Studio开发环境搭建。

 

1. 下载 Android Studio

网址: http://www.android-studio.org/index.php/download  (这里的版本是:3.0.1.0)

技术分享图片

 

2. 安装 Android Studio

技术分享图片

技术分享图片

技术分享图片

配置好安装目录,Next开始安装。

技术分享图片

安装完成。运行 Android Studio。

技术分享图片

这里如果没有安装过,就选“Do not import settings”,否则选择第一项,并指定路径。我这里是全新安装,所以选择第二项。

点击OK,android studio 开始启动。

技术分享图片

运行后我们直接退出,下载其它的东西并安装。

3. 安装 Java SDK

百度搜索Java sdk,打开官方网站下载。

网址: http://www.oracle.com/technetwork/java/javase/downloads/index.html

技术分享图片

下载最新版本的SDK,点击上图框出的区域,进入下载页面。

技术分享图片

先接受协议,然后点击最后一行中的 jdk-10_windows-x64_bin.exe 进行下载。(假设你也是64位电脑!如果不是,自行搜索其它的教程。)

Java JDK就是Java Development Kit.简单的说JDK是面向开发人员使用的SDK,它提供了Java的开发环境和运行环境。 

Java JRE是Java Runtime Enviroment是指Java的运行环境,是面向Java程序的使用者,而不是开发者。

Java SE 就是包含了JDK和JRE的安装包。我们下载的就是这个。

下载完成后,开始安装。

技术分享图片

技术分享图片

这一步配置好安装路径。然后再下一步继续安装。

出现安装jre向导,一样的配置好路径下一 步。

技术分享图片

jdk 安装成功。

4. 配置 JDK 环境变量

打开 “我的电脑”->“属性”->“高级系统设置” 出来系统属性对话框,然后切换到“高级”选项卡,点击“环境变量”按钮打开环境变量配置对话框。

技术分享图片

技术分享图片

新建系统环境变量 ”JAVA_HOME“

设置JAVA_HOME值为JDK安装目录,如  D:\Android\JDK\jdk-10

技术分享图片

新建环境变量CLASSPATH

设置CLASSPATH值为: ./;%JAVA_HOME%/lib/tools.jar;%JAVA_HOME%/lib/dt.jar

./;%JAVA_HOME%/lib/tools.jar;%JAVA_HOME%/lib/dt.jar

技术分享图片

(注意:点号表示当前目录,不能省略)

更新系统环境变量Path

将 “;%JAVA_HOME%\bin;” (注意:这里的分号不能省略), 添加到Path 最前面。

将 jre 安装路径的bit目录添加到path。

技术分享图片

点击确定保存。

打开cmd,输入 java -version 可以查看到我们安装java版本。

技术分享图片

5. 安装和配置 Git

Flutter需要使用git来获取,所以需要先安装 Git。如果已经安装,请跳过安装,但需要检查一下是否设置环境变量。

网址: https://git-scm.com/download/win

技术分享图片

我们下载64位的安装包。下载完成后开始安装。

安装完成后,在系统环境变量Path中查看是否存在git的cmd目录,没有则添加。

技术分享图片

6. 安装 Flutter

官网地址: https://flutter.io/

直接执行 

git clone https://github.com/flutter/flutter.git

或按照片面的步骤来下载Flutter。

技术分享图片

点击 Git GUI Here。

技术分享图片

点击 Clone Existing Repository

技术分享图片

设置好 Source (https://github.com/flutter/flutter.git)和 Target 目录。点击 Clone 开始获取。

技术分享图片

等待下载完成。

 

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

标签:java程序   照片   ref   src   java se   tin   电脑   教程   too   

原文地址:https://www.cnblogs.com/yangyxd/p/8809512.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!