Flutter教程01-搭建环境

从0开始学习跨平台开发APP赚钱。

电脑配置

MacBook Pro (13-inch, M1, 2020)

安装依赖

M1芯片还需要安装 Rosetta 2 环境

sudo softwareupdate --install-rosetta --agree-to-license

安装Flutter

git clone -b dev https://github.com/flutter/flutter.git

设置Flutter环境变量

打开~/.bash_profile 添加以下内容名字换成自己的电脑名称,然后执行source ~/.bash_profile

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/zhangruquan/development/flutter/bin:$PATH

检查flutter的所有必要条件

flutter doctor

确定安装好android studio 并打开 安装 cmdline-tools 并且同意一系列协议

创建hello word

flutter create my_app
cd my_app
flutter run

选择运行的设备就可以看到应用界面了

打包完以后可以看大里面内容

IDE

VS Code 是一个可以运行和调试 Flutter 的轻量级编辑器。 安装 Flutter 和 Dart 插件 打开 VS Code。

1、打开 View > Command Palette…。

2、输入「install」,然后选择 Extensions: Install Extensions。

3、在扩展搜索输入框中输入「flutter」,然后在列表中选择 Flutter 并单击 Install。此过程中会自动安装必需的 Dart 插件。

4、重新启动 VS Code。

main.dart 里面就是主要逻辑代码

Written on October 8, 2022