文章目录

目录

文章目录

前言

二、具体演示过程

1.配置 Java 环境+配置环境变量

2.下载Flutter SDK​

3.配置 Android 环境

4.配置 VSCode

         5.虚拟机&&真机

总结

---

前言

flutter环境搭建。
本文章分享的是Vscode+Flutter
写给刚接触flutter的小伙伴们

无论选择Android studio还是vscode编译，我这篇文章都会帮你梳理清晰

因为这是我踩过的坑

ps：选择vscode编译是跳不过第三步的！！！

---

一、运行flutter安装什么？

1.配置 Java 环境+配置环境变量

2.下载和安装 Flutter SDK

3.配置 Android 环境

4.配置 VSCode

5.调试（真机或者模拟器）

二、具体演示过程

1.配置 Java 环境+配置环境变量

【网址】Java Downloads | Oracle

 JAVA_HOME和CLASSPATH

（由于我电脑之前有所以我就跳过了这一步找了个别人的，链接放在下面）（基本是这样）

 Java JDK安装与配置_李旭的博客-CSDN博客_javajdk

电脑有编译过代码的可能不用安装这一步

补充：调出配置环境变量窗口的快捷方式

 

 

 ——————————————————————————————————————

验证安装成功或者检查自己以前是否安装过

win（键盘与ctrl同行，从左数第三个按键）+r

 输入java -version

 输入javac

 【第一步完成】

2.下载Flutter SDK

【网址】Flutter SDK 版本列表 | Flutter 中文文档 | Flutter 中文开发者网站

 

版本大家自行选择

下载后配置flutter的环境变量

 

 

 输入flutter doctor

  看其他教程会有配置flutter的国内镜像： 就是下载资源更快，防止被挡，可以配一下。

【第二步完成】（有[x]的完成第三步，再flutter doctor，基本解决）

3.配置 Android 环境

在这里需要配置Android的SDK和环境变量

• 安装过的这里应该没问题
• 没安装过安卓按照教程一步步走，就没问题
• 以前安装过，没更新，没用过，像我这样的就有问题

（我之前环境搭建不太清楚，因为其他教程通通是安装完android-studio，才安装vscode，我就想跳过，结果怎么弄都不对，而且运行flutter run 会后有[x]）

我认真看了，写的很好

 Android Studio 配置flutter开发环境教程（超详细）_Tattoo-CSDN博客_android studio 配置flutter

1. 这是我当时遇到大多数问题
2. 基本是这样
3. 基本也是这样解决的
4. 但是我当时没看到，看的写的ok，链接放这了

我选择的解决方案是

1.官网下载Android studio（虽然我不用AS编译）

2.安装完Android studio在settings下载sdk

3.重新配置我的安卓环境变量

 （现有安装教程不是很新，安装过程会有弹出窗口不一样的情况，

你只需要知道你要安装什么，什么没安装，没安装的怎么再安装即可）

【第三步完成】

这一步完成再在cmd中运行flutter run，此时前3个如果有[x]会变[√]

此时，只需要安装vscode及一些插件和模拟器即可，

4.配置 VSCode

【网址】Visual Studio Code - Code Editing. Redefined

 下载后安装即可

配置flutter插件【第一次使用vscode所遇到的问题见vscode第一次的使用文章】

新版可能会自动安装dart插件，没有就自己搜一下安装 

 

5.虚拟机&&真机

模拟器很多：夜神模拟器（不一定选这个）

每次运行flutter项目需要连接模拟器

adb connect 127.0.0.1:62001

或者设置环境变量在c盘输入adb connect 127.0.0.1:62001进行连接

（更多细节百度一下吧）
真机usb数据线连接电脑和手机

 手机打开开发者模式（这步就是你安卓手机的一些操作）

百度搜索“xxx手机，开发者模式”

输入flutter devices显示出你手机即连接成功

  【第五步完成】

总结

!!!手把手运行一个flutter项目见下篇