Flutter 介绍及安装使用

server/2025/2/27 13:00:37/

Flutter 安装

1. 镜像的配置

Flutter 源站在国内可能不太稳定,因此谷歌中国开发者社区(GDG)专门搭建了临时镜像,使得我们的 Flutter 命令行工具可以到该镜像站点下载所需资源。

使用方法

Flutter SDK 默认从 Github 获取更新,如您访问 Github 速度慢,可以在 Flutter 目录下运行命令:

将上游设置为镜像站。

或者通过下面的命令,直接从 Master 构建渠道检出 Flutter 的 SDK:

git clone -b master https://mirrors.tuna.tsinghua.edu.cn/git/flutter-sdk.git
./flutter-sdk/bin/flutter --version

您也可以替换上述代码中 git clone -b 之后的 master 为 beta 获取 Beta 渠道的构建、替换为 dev 获取 Dev 渠道的构建。

在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

2. 设置环境变量

配置镜像站点的环境变量
对于 macOS 和 Linux 系统来说,我们通过文本编辑器,打开 ~/.bash_profile 文件,在文件最后添加以下代码,来配置镜像站点的环境变量:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

而对于 Windows 系统来说,我们右键点击计算机图标,依次选择属性–> 高级系统设置–> 高级–> 环境变量,新建用户变量 PUB_HOSTED_URL,其值为 https://pub.flutter-io.cn;随后新建 FLUTTER_STORAGE_BASE_URL,其值为 https://storage.flutter-io.cn,重启电脑即可完成配置。

对于 macOS 与 Linux 系统,我们编辑 ~/.bash_profile 文件,把以下代码添加至文件最后,将 flutter 命令的执行路径追加到环境变量 PATH 中:

export PATH=~/Documents/flutter/bin:$PATH

对于 Windows 系统,我们在当前用户变量下 Path,以 ; 为分隔符,在其后追加 flutter 命令行的全路径,比如:C:\src\flutter\bin,重启电脑即可完成配置。

3. 运行 Flutter 项目
打开 Flutter 根目录,我们可以发现有一个 examples 文件夹,里面是一些基本的 flutter 示例。

首先,通过 Flutter 命令行运行的模式启动项目

进入 hello_world 目录,输入 flutter run 命令,启动项目:

=> hello_world git:(stable) flutter run
Multiple devices found:
macOS (desktop) • macos • darwin-x64 • macOS 13.0 22A380 darwin-x64
Chrome (web) • chrome • web-javascript • Google Chrome 106.0.5249.119
[1]: macOS (macos)
[2]: Chrome (chrome)
Please choose one (To quit, press "q/Q"):

此时会让我们选择使用的模拟器,由于我们开发的 web,所以可以直接选择 [2]: Chrome (chrome) 启动。

等待几秒种,一个熟悉的 hello world 大屏幕就出现在我们面前了。


更新代码后,终端输入 r 实现热更新。

至于 Android 和 iOS 的集成开发环境,大家可以去官网看一下安装使用教程哦~

Flutter 使用
Flutter 目录结构

├── README.md
├── android # 安卓相关代码
│ └── xxx
├── ios # ios相关代码
│ └── xxx
├── lib # 入口函数
│ └── main.dart
├── linux # linux系统相关文件
│ └── xxx
├── macos # macos系统相关文件
│ └── xxx
├── my_app.iml
├── pubspec.lock
├── pubspec.yaml
├── analysis_options.yaml
├── test # 测试代码
│ └── widget_test.dart
├── web # web系统相关代码
│ └── xxx
└── windows # windows系统相关代码
└── └── xxx

Flutter 运行命令

r:Hot reload(热更新);
R:Hot restart(重新启动);
h:查看更多命令;
s:截屏当前屏幕保存在当前位置;
v:打开DevTools弹出开发者工具;

把下载链接的https改成http


http://www.ppmy.cn/server/171040.html

相关文章

esp8266 rtos sdk开发环境搭建

1. 安装必要的工具 1.1 安装 Git Git 用于从远程仓库克隆代码,你可以从Git 官方网站下载 Windows 版本的安装程序。安装过程中可保持默认设置,安装完成后,在命令提示符(CMD)或 PowerShell 中输入git --version&#…

二十三种设计模式详解

二十三种设计模式是软件开发中用于解决常见问题的经典解决方案,它们由 Erich Gamma 等四位作者在《设计模式:可复用面向对象软件的基础》一书中提出。这些模式分为三大类:创建型模式、结构型模式 和 行为型模式。 1. 创建型模式(…

seasms v9 注入漏洞 + order by注入+​information_schema​解决方法

目录 一、当注入时,information_schema被禁用的解决方法 1.通过sys库可以获取到表名和库名 2.通过无列名注入join获取列名 二、seasms v9 注入漏洞 三、order by注入 一、当注入时,information_schema被禁用的解决方法 information_schema数据库是My…

【一文入门】shell语法进阶篇

Shell 脚本的进阶语法涉及更复杂的编程结构、数据处理和系统交互。以下是一些进阶的 Shell 编程概念和技巧,帮助你提升编写复杂脚本的能力。 前置知识 【一文入门】shell基础语法 【一文入门】shell语法进阶篇 1. 高级变量操作 间接引用:通过变量名的…

LLM大语言模型私有化部署-使用Dify的工作流编排打造专属AI诗词数据分析师

背景 前面的文章通过 Ollama 私有化部署了 Qwen2.5 (7B) 模型,然后使用 Docker Compose 一键部署了 Dify 社区版平台。 LLM大语言模型私有化部署-使用Dify与Qwen2.5打造专属知识库:在 Dify 平台上,通过普通编排的方式,创建了基于…

轮式机器人在复杂地形中如何选择合适的全局路径规划算法

已思考完成 收起 好的,我现在需要回答用户关于轮式机器人局部路径规划算法的问题。用户之前已经提过这个问题,现在提供了更多的参考内容,我需要仔细分析这些内容,整理出合适的答案。 首先,我需要回顾用户提供的参考内容…

C++ Qt常见面试题(1):Qt信号槽的理解

C++ 中的 Qt 信号槽机制 是 Qt 框架中用于实现组件间通信的核心机制之一。它是一种 观察者模式 的实现,提供了一种安全、灵活且松耦合的方式来连接对象和处理事件。下面从10个方面来介绍C++ Qt信号槽的原理及使用技巧。 一. Qt信号槽机制的基本概念 信号(Signal):对象中定义…

云端运维:专栏概要与内容目录

文章目录 云端运维技术专栏📚 核心内容模块服务器远程访问与网络配置远程访问内网穿透与网络优化网络连接问题 开发环境管理Jupyter管理Anaconda环境管理 容器与服务管理Docker使用服务器后台管理 系统问题诊断与解决开发工具版本控制 其他实用技巧 云端运维技术专栏…