本篇文章主要讲解从0-1手把手教你完成flutter的开发环境安装及创建第一个项目，包含了sdk的安装及常见问题的解决办法。
作者：任聪聪 https://rccblogs.com/
日期：2024年12月15日

一、准备工作：

flutter安装sdk及android studio后无需安装dart语言即可正常运行项目。

1、安卓android studio

下载地址：https://developer.android.com/studio?hl=zh-cn
安卓备注：傻瓜式安装默认选项一直下一步即可。

2、下载flutter 及配置环境变量

官网地址：https://flutter.cn/

操作说明：

步骤一、进入官网后点击开始使用如下图：

选择如下的安装入口：

选择安卓入口：

下拉找到sdk下载路径：

步骤二、下载完毕后，得到如下的压缩包：

将其解压缩，放到固定路径下：

按下win+s 搜索环境变量：

进入到环境变量的界面:

备注说明：添加完毕后 系统变量中也是如此找到path进行编辑添加，而后点击确定保存。

步骤三、验证是否成功安装flutter 的 sdk

win+r 输入cmd 如下图：

弹出终端后，输入 flutter doctor 即可查看安装情况：

如上则是安装成功的反馈信息。

二、创建第一个flutter

步骤一、打开我们android studio 如下图：

点击plugin 菜单进入到插件安装界面，搜索flutter 插件进行安装：

同时安装chtml 变量命名工具插件：

步骤二、安装完毕后，重启编辑器，再次打开即可进行创建flutter项目：

点击后，将进入到如下的项目配置表单中：

进入到flutter项目下，进行如下配置：

填写完毕后点击next，进入到项目基础配置界面：

点击created 等待创建完成：

步骤三、了解框架及运行demo项目

如下图为新创建的flutter项目结构。

须知，flutter本身包含android的源文件，但并不通过android进行使用，而是lib下的dart的项目文件进行界面的操作。

本质上，flutter的开发只需要通过构建不同界面的dart的文件进行设计界面和交互逻辑即可，无需为ios和安卓重新书写代码，同时运行也是直接在浏览器模拟器中，选中main入口文件，直接运行即可。

运行后的效果：

三、常见问题

1、报错没有android chommand tool 的情况：

说明：这是由于android的sdk中没有安装如下的依赖导致，只需通过 android studio的sdk manager管理工具进行安装配置即可消除。

2.报错信号灯已超时的情况：

说明：这是由于没有下载安装 visual studio 工具 的如下依赖包导致：

解决办法就是下载visual studio 工具并下载上图的依赖包即可。