Android Studio的安装步骤
【Flutter简介】
Flutter是谷歌公司开发的一款开源免费的移动UI框架,可以在IOS和Andriod上构建原生用户界面,它最大的特点就是跨平台以及高性能。Flutter是基于谷歌的Dart 语言开发的,要学Flutter的话我们必须首先得会Dart语言Dart官网链接:https://dart.dev/。
【flutter环境搭建】
【目前建议java JDK版本要控制在8,保守起见推荐在下面链接下载对应版本JDK,本人当时跳坑,就是因为版本的问题】
第1步:
JAVA SDK下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
第2步:
安装完SDK后 配置 环境变量:
(桌面上找到 我的电脑 图标 → 右击鼠标 → 选择属性 ,打开 控制面板\所有控制面板项\系统 → 点击左边高级系统设置,打开属性系统 → 点击右下角环境变量,打开环境变量 → 找到下面系统变量 → 点击新建 )
系统变量里面新增JAVA_HOME, 值为 java sdk的根目录,如下图:
然后点击确定按钮
在系统变量里找到Path, 在Path环境变量里面增加代码:%JAVA_HOME%\jre\bin
注意: 环境变量之间的英文分号;
然后点击确定按钮
第3步:
环境变量配置完后 打开命令行
输入:java ,出现一堆不报错的东西(如下图所示), 表示JDK安装成功 。
输入:javac,同样出现一堆不报错的东西(如下图所示), 表示JDK配置成功 。
(老铁没毛病,继续加油!)
第1步:
下载Android Studio
Android Studio 下载地址 (不翻墙): https://developer.android.google.cn/studio (推荐)
Android Studio 下载地址 (翻墙): https://developer.android.com/studio/index.html
第2步:
下载完后,安装Android Studio:
找到刚才下载的软件包: (双击 → next → next → (如下图所示) …)
注意: sdk 目录不能有中文,不能有空格,并且放SDK的盘保证足够大的容量。
需耐心等待一段时间
点击取消。
点击Next
需要耐心等待一段时间…
(到这一步 Android Studio就已经安装成功了,革命尚未成功,老铁继续加油!)
第1步:
下载 Flutter SDK
Flutter SDK下载地址: https://flutter.dev/docs/development/tools/sdk/releases#windows (推荐)
Flutter SDK 的 git hub地址:https://github.com/flutter/flutter/releases
建议安装最新版
第2步:
把下载好的Flutter SDK压缩包解压到你想放的目录,注意路径里不能有中文 不能有空格(如:E:\flutter_windows\flutter)。
第3步:
配置环境变量
打开Flutter SDK文件,找到bin目录 如下图:
将此地址E:\flutter_windows\flutter\bin配置到环境变量path后面
(和刚才配置JAVA SDK的Path环境变量一样的套路,记得中间加英文分号;)
配完后 一路点击确定按钮
打开命令行:
输入:flutter -v 出现一堆不报错的东西 表示 Flutter SDK 配置成功 (如下图所示)
( 由于国内外网络原因,flutter在国内执行命令访问的时候,可能出现访问不了的情况。Flutter官方给咱们开放了一个国内镜像。)
第1步:
打开地址:
或 https://flutter.dev/community/china
滚动条往下拉(如上图所示),拉到最下面(如下图所示)
第2部:
配置环境变量:
把上图红框中的两句话配置到环境变量里面,(在环境变量里面新增key 和 value 值)
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL:: https://pub.futter-io.cn
(和刚才配置JAVA SDK的 新增 环境变量一个套路,点击新建)
然后 点击确定按钮
然后 点击确定按钮
(到这一步如果没有写错变量名或者变量值的情况下, flutter国内镜像就已经配置成功了)
五、运行 flutter doctor 检测环境是否搭建成功
打开命令行
输入:flutter doctor
注意:
如果前面是对号 表示该项已经安装配置成功
如果前面是x,表示没有成功(下面会讲类似情况)
如果是windows7系统可能会出现乱码,此时打开git命令行输入flutter doctor检查即可(如下图所示)。
如果是windows10就(如上图所示)
第一次运行时候可能会出现下面的错误
这个时候复制上面红色框的命令 :flutter doctor --android-licenses
提示输入Y/N的地方全部输入Y
六、打开 Android Studio 安装 Flutter 插件
第一次运行 Android Studio,右边列表里没有下图第二项:Start a new Flutter project ,需要配置这个Flutter插件。
如图所示:点击右下角 Configure → 点击Plugins
在搜索框输入:flutter
安装flutter插件
安装过程中弹框提示:是否安装Dart(如下图所示),点击Yes按钮
安装完成之后,会提示重启 ,点击重启按钮(如图所示)
重启Android Studio后,就有了Start a new Flutter project这一项
(恭喜老铁!到目前为止你已经为学习Flutter打下了坚实的基础。
快去创建的你的第一个Flutter项目吧。go go go …)
【创建Flutter项目】
打开 Android Studio , 点击右边列表里的 Start a new Flutter project 这一项
(可能比较慢,需耐心等会儿)
创建 Flutter App
→ 选择第一个 Flutter Application
→ 点击 Next
→ 配置项目名称,
→ 配置 Flutter SDK(前面我们已经配置过Flutter SDK环境变量了,就默认显示了,不需要动),
→ 选择项目目录,
→ 描述(默认有,可改可不改)
→ 点击 Next
→ 域名: 有默认域名
(介意修改为自己的域名,改完后会自动配置包名,包名格式:com.公司名.项目名,包名是唯一的没有重复)。
→ 最下面勾选 Android 和 ios 两个都勾选上
点击 Finish (耐心等待一会,需要下载一些东西)
项目创建成功后,会自动导入到 Andr Studio 里,同时在刚才选的对应的目录中也生成了刚才创建的项目文件
注意: 要运行这个项目 不能直接运行默认导入 Android Studio 的 项目,需要重新导入一下这个项目
→ 点击左上角 File
→ 点击Open
→ 找到刚才创建的项目,选中 android 文件夹
→ 点击 Ok
→ 点击This Window (表示在当前窗口打开这个项目)
第一次导入 比较慢
(因为:它会执行 =》左上角File =》Sync Project with Gradle Files 这个文件 =》文件运行编译完后我们才能运行这个项目)
(这个过程只会在第一次导入时才会执行,后面就比较快了)
编译过程中可能会出错,如下图所示:
如果报错:
→ 点击左上角File
→ 点击Sync Project with Gradle Files
重新下载 Gradle 这个文件,文件运行编译完后我们才能运行这个项目,如果多次运行失败,建议手机开启热点,电脑连接手机热点后再尝试这个步骤,成功概率会高一些。
如果弹出下面弹窗,先不要更新,等项目开发完成,没事的时候再更新。
真机调试:
→ 手机通过数据线USB接口连上电脑
→ 手机开启调试模式 (不会可以问度娘)
→ 点击 Android Studio 的 Run
→ 点击 Run 'app'
默认会弹出你刚才连接成功的设备(如下图所示)
如果这里没有这个设备的话:
可能是你连接电脑的手机还没有开启调试模式
也可能是你手机和电脑没有连接成功
也可能是其他的软件把你这个端口占用了
选中设备
点击Ok
这个时候就会把这个Flutter应用安装到我们的手机上
并且在手机上启动了这个应用
这一路 降妖除魔 老铁辛苦 了!
恭喜老铁!此时此刻你的第一个 Flutter App 已经创建成功!
万事开头难
加油吧老铁!!!