Flutter 教程
- 第1节:Flutter Windows安装
- 第2节:Flutter MacOS安装
- 第3节:Flutter Linux安装
- 第4节:Flutter 配置编辑器
- 第5节:Flutter 编写第一个Flutter应用
- 第6节:Flutter Widget框架概述
- 第7节:Flutter Widget目录
- 第8节:Flutter 构建布局
- 第9节:Flutter 布局方法
- 第10节:Flutter 布局多个widgets
- 第11节:Flutter 常用布局widgets
- 第12节:Flutter 添加交互
- 第13节:Flutter 手势
- 第14节:Flutter 动画
- 第15节:Flutter 自定义字体
- 第16节:Flutter 盒约束
- 第17节:Flutter 资源和图片
- 第18节:Flutter 文本输入
- 第19节:Flutter 路由和导航
- 第20节:Flutter 国际化
- 第21节:Flutter 使用 packages
- 第22节:Flutter 开发 packages
- 第23节:Flutter 平台特定的代码
- 第24节:Flutter 文件读写
- 第25节:Flutter 网络和Http
- 第26节:Flutter JSON和序列化
- 第27节:Flutter 使用 Flutter IDE
- 第28节:Flutter 使用热重载
- 第29节:Flutter 测试应用
- 第30节:Flutter 调试应用
- 第31节:Flutter 检查用户界面
- 第32节:Flutter Android构建发布
- 第33节:Flutter iOS构建发布
- 第34节:Flutter 升级安装
- 第35节:Flutter 格式化代码
Flutter 配置编辑器
您可以使用任何文本编辑器与命令行工具来构建Flutter应用程序。 不过,我们建议使用我们的编辑器插件之一,以获得更好的体验。通过我们的编辑器插件,您可以获得代码补全、语法高亮、widget编辑辅助、运行和调试支持等等。
按照下面步骤为Android Studio、IntelliJ或VS Code添加编辑器插件。如果你想使用其他的编辑器, 那没关系,直接跳到下一步:创建并运行你的第一个应用程序。
一、Android Studio
安装Android Studio
- Android Studio, 3.0或更高版本.
或者,您也可以使用IntelliJ:
- IntelliJ IDEA Community, version 2017.1或更高版本.
- IntelliJ IDEA Ultimate, version 2017.1 或更高版本.
安装Flutter和Dart插件
需要安装两个插件:
- Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
- Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).
要安装这些:
- 启动Android Studio.
- 打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
- 选择 Browse repositories…, 选择 Flutter 插件并点击 install.
- 重启Android Studio后插件生效.
二、VS Code
安装 VS Code
- VS Code, 安装1.20.1或更高版本.
安装Flutter插件
- 启动 VS Code
- 调用 View>Command Palette…
- 输入 ‘install’, 然后选择 Extensions: Install Extension action
- 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
- 选择 ‘OK’ 重新启动 VS Code
通过Flutter Doctor验证您的设置
- 调用 View>Command Palette…
- 输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action
- 查看“OUTPUT”窗口中的输出是否有问题