从0-1手把手教你完成flutter的开辟环境安装及创建第一个项目 ...

本篇文章重要讲解从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 工具并下载上图的依靠包即可。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。