Windows10平台下搭建VSCode进行Android开发的Flutter环境(windows10+VSCode+Android SDK+Flutter SDK+JDK)

  • Post author:
  • Post category:其他




资源下载



安装JDK(已安装可跳过此步骤)



下载JDK

首先我们需要下载java开发工具包JDK,进入网站后选择自己想下载的版本(本文以jdk8,windwos x64为例子)

在这里插入图片描述

进入后点击Accept License Agreement

在这里插入图片描述



安装(傻瓜式安装)



配置系统环境变量

1.右键点击此电脑

2.点击属性

3.点击高级系统设置

4.点击环境变量

5.系统变量新建,截图如下

变量名:JAVA_HOME



变量名:CLASSPATH

变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

在这里插入图片描述

在系统变量中找到path(如果没有就新建一个)点击编辑,然后点击右上角新建。

输入如下值:

%JAVA_HOME%\bin %JAVA_HOME%\jre\bin

在这里插入图片描述

6.检查是否安装成功

在cmd中输入java -version ,javac -version

如下图则表示安装成功

在这里插入图片描述



Android SDK安装



下载解压Android SDK

下载好以后解压在某个空文件夹下(路径中不能出现汉字,文件夹名也不能有汉字)

解压后,该文件夹下会出现一个tools文件夹,如下图:

在这里插入图片描述



打开tools文件夹下的bin文件夹

在bin文件空白处,按住shift键同时鼠标右键,然后点击 “在此处打开powershell 窗口” 。



安装所需的包



输入.\sdkmanager.bat –list (点击回车)

如下图所示:

在这里插入图片描述



安装emulator、plaform-tools、 platforms;android-28 、 build-tools;28.0.3

输入sdk(点击tab补全),空格然后输入“plaform-tools”,如下图所示:

在这里插入图片描述



配置Android sdk环境变量

新建系统变量 ANDROID_HOME

在这里插入图片描述

编辑path环境变量,输入如下值:


%ANDROID_HOME%\platform-tools

%ANDROID_HOME%\tools


如下图所示:

在这里插入图片描述



检查是否配置成功

在cmd中输入

adb

,如下图所示:

在这里插入图片描述



安装配置 Flutter SDK



首先添加系统变量


变量名:FLUTTER_STORAGE_BASE_URL

变量值:

https://storage.flutter-io.cn



在这里插入图片描述


变量名:PUB_HOSTED_URL

变量值:

https://pub.flutter-io.cn



在这里插入图片描述



用git工具下载Flutter SDK

Windows桌面右键点击git base here(当然你也可以选择一个文件夹打开git命令行窗口),输入以下命令下载Flutter SDK:

git clone -b beta https://github.com/flutter/flutter.git

注意:Flutter的下载路径要全英文并且路径不能有空格!Flutter的下载路径要全英文并且路径不能有空格!Flutter的下载路径要全英文并且路径不能有空格!



配置flutter环境变量

你需要在Windows 环境变量Path中添加flutter的路径。路径指向到Flutter文件的bin路径如下图:

在这里插入图片描述



检查是否配置成功

在cmd中输入:

flutter doctor

配置成功后如下图:

在这里插入图片描述



安装配置VSCode



在VSCode 中安装flutter 和dart 插件(博主已经安装过所以显示的是卸载)


flutter


在这里插入图片描述


dart插件


在这里插入图片描述

安装完成重启vscode.



进入 “命令面板”,在命令面板中点击flutter:new project 项

在这里插入图片描述

然后输入项目名称,因此我们创建了第一个flutter项目

在这里插入图片描述

在终端输入

flutter run

运行即可。



END

这样就可以在VSCode中运行fluter android 项目了,

注意:博主用的真机调试



版权声明:本文为qq_40102655原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。