Flutter 踩坑

配置一下环境

vim ~/.bash_profile

// .bash_profile 增加下面这些东西
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

下载 SDK

下载SDK

安装

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

设置环境变量

vim ~/.bash_profile

// .bash_profile 添加下列，pwd 是flutter 的具体路径
export PATH=`pwd`/flutter/bin:$PATH

// 如果命令行是 zsh
vim ~/.zshrc

// .zshrc 添加下列，pwd 是flutter 的具体路径
export PATH=`pwd`/flutter/bin:$PATH

source ~/.bash_profile
source ~/.zshrc

vscode

安装Flutter插件

1. 启动 VS Code
2. 调用 View>Command Palette…
3. 输入 ‘install’, 然后选择 Extensions: Install Extension action
4. 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
5. 选择 ‘OK’ 重新启动 VS Code

通过Flutter Doctor验证您的设置

1. 调用 View>Command Palette…
2. 输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action
3. 查看“OUTPUT”窗口中的输出是否有问题

配置vscode

NOTICE:注意如图上得箭头，选择放置Flutter的文件夹选择 bin 文件夹的路劲即可

创建新的应用

1. 启动 VS Code
2. 调用 View>Command Palette…
3. 输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action
4. 输入 Project 名称 (如myapp), 然后按回车键(可能时间较长)
5. 指定放置项目的位置，然后按蓝色的确定按钮
6. 等待项目创建继续，并显示main.dart文件

上述命令创建一个Flutter项目，项目名为myapp，其中包含一个使用Material 组件的简单的演示应用程序。

在项目目录中，您的应用程序的代码位于 lib/main.dart.

运行应用程序

1. 确保在VS Code的右下角选择了目标设备
2. 按 F5 键或调用Debug>Start Debugging
3. 等待应用程序启动

相关文档

• Flutter配置for Mac -- VSCode