您的位置: 首页  >  文章  >  Flutter开发指南

Flutter开发指南

分类: 文章 • 2024-08-05 12:29:10

Flutter简介

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面，Flutter是完全免费、开源的。Flutter组件采用现代响应式框架构建，这是从React中获得的灵感，中心思想是用组件(widget)构建UI。

Flutter包括一个现代的响应式框架、一个2D渲染引擎、现成的widget和开发工具。这些组件可以帮助您快速地设计、构建、测试和调试应用程序。Flutter的核心思想是一切皆为widget。
Flutter框架是一个分层的结构，每个层都建立在前一层之上。
Flutter开发指南

Flutter安装

安装Flutter SDK
// 修改成国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
// 克隆flutter sdk
git clone -b dev https://github.com/flutter/flutter.git
// 配置环境变量
open ~/.bash_profile
// 添加flutter的环境变量
export PATH="路径/flutter/bin:$PATH"
// 保存配置文件
source ~/.bash_profile
// 运行flutter命令
flutter -h
flutter doctor
安装链接设备工具
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
创建项目和运行项目

在此使用VSCode创建项目

vscode -> 查看 -> 命令面板 -> Flutter: new project -> 输入项目名称

cmd+shift+p -> Debug:Select and Start Debugging -> Flutter -> 运行项目

相关推荐