Flutter学习:从搭建环境到运行

一、开发环境的搭建

本文所示内容都是在Windows系统下进行的。

1、下载 Flutter SDK

Flutter 官网(https://docs.flutter.cn/release/archive?tab=windows)

或者通过 git clone -b master https://github.com/flutter/flutter.git 下载

2、配置环境变量

由于在国内访问 Flutter 有时可能会受到限制,主要是配置以下三个地方



3、此外还需要下载

Android Studio(里面自带了安卓SDK)

Visual Studio

4、检查是否安装完成

运行 flutter doctor 命令,如有缺失,根据结果安装对应的东西即可

若是全局配置了 flutter,则任意终端运行皆有效果。

至此,环境安装完成,接下来赶紧试试能不能行。

5、常用的flutter命令

(1)、flutter --help 查看所有 Flutter 命令

(2)、flutter --version 查看 Flutter 版本

(3)、flutter devices 查看当前可用的设备

(4)、flutter create 创建一个新的 flutter 应用

(5)、flutter run 启动程序

二、创建并运行 Flutter 应用

1、打开vscode

安装 Flutter 和 dart 插件,这样后续敲代码便有了一些快捷提示。

2、创建一个新的应用

直接在 vscode 终端输入命令创建


3、Flutter的工程目录结构

如上图所示简单总结归纳一下使用频率较高的:

(1)、flutter_demo:项目的名称

(2)、android:Android 平台相关代码,后面配置 Android 的包名权限之类的都在此目录下

(3)、iOS:iOS 平台相关代码,后面配置 iOS 的权限在此目录下

(4)、lib:主要代码目录,其目录下的 main.dart 便是入口文件

(5)、pubspec.yaml:项目描述文件,包含了项目的描述信息以及所需要的依赖的库

4、运行应用

在终端输入 flutter run 命令,这样就运行起来了。

可以通过r或者R实现热重载(hot reload) 实现快速效果预览。

热重载是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态,这和 webpack 的热重载类似。

-- 欢迎点赞、关注、转发、收藏【我码玄黄】,gonghao同名

相关推荐
卡卡~~1 小时前
“101计划”核心课程实践教材《数据实验结构指导-C++语言版》题目集
开发语言·c++·学习·算法
lengxuenong3 小时前
树状数组 · 信息学学习手册1-求和3个模板
c++·学习·算法·青少年编程
lanxiaoqing023 小时前
演讲训练的第一步:先敢说,再会说
人工智能·学习·学习方法·口才
程序员老刘4 小时前
Flutter版本选择指南:3.44稳定了11周正式转正 | 2026年10月
flutter·ai编程·客户端
m4Rk_5 小时前
【论文阅读】Agent记忆机制(109):MemComposer——用强化学习学会选哪些记忆、选多少以及怎样排序
论文阅读·人工智能·学习·开源·github
zhangdaliangmvp5 小时前
快速排序的学习理解:从基础分治到三路划分优化
c++·学习·算法
叼烟扛炮5 小时前
Linux 学习笔记(四):文件检索与管道重定向
linux·笔记·学习
王夏奇5 小时前
AI工具学习
网络·学习
Warolitbos5 小时前
【数据库】SQL进阶15题,窗口函数/索引/事务一页速查
数据库·sql·学习·mysql·面试
剑藏锋8 小时前
嵌入式学习(48)-大彩串口屏TFT指令解析
学习