Flutter环境搭建（一）

下载Flutter SDK

到Flutter官网下载flutter_macos_v1.12.13+hotfix.8-stable.zip
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos

解压安装

## development 这个根据自己实际得目录更改 $ cd ~/development ## 下面～/ 后得目录和下载得flutter版本根据自己实际名称更改 $ unzip ~/Downloads/flutter_macos_v1.2.1-stable.zip

配置环境变量

1. 在终端打开open -e .bash_profile ，配置环境变量：

export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn export PATH=${PATH}:解压后的flutter的路径/flutter/bin:$PATH

2.更换环境变量

source .bash_profile 或者 . ~/.bash_profile

检查依赖项

//打开终端输入 flutter doctor

检测没有问题

检测没问题

如果安卓变量有问题,就按照终端提示一步步安装

安卓变量问题

配置编辑器

• Android Studio上安装flutter插件

  

• VSCode

  

使用VSCode创建第一个项目

1 .打开终端输入flutter create myflutter

bogon:~ huanliu$ cd /Users/huanliu/Desktop/Flutter_app bogon:Flutter_app huanliu$ flutter create myflutter

Waiting for another flutter command to release the startup lock… 异常解决
进入到你的flutter sdk目录中，然后找到bin/cache/lockfile文件，删除它即可。

2. “查看”-“命令面板”-flutter
   

   命令面板创建

flutter项目目录结构

目录结构

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

启动项目

“运行”-“启动调试”-“选择模拟器”(可选择安卓模拟器或者苹果模拟器)

出现No suitable Android AVD system images are available. You may need to install these using sdkmanager, for example: sdkmanager “system-images;android-27;google_apis_playstore;x86″问题

1. 定位到Android Studio 工具栏
2. 在 target selector 中, 选择一个运行该应用的Android设备. 如果没有列出可用，请选择 Tools>Android>AVD Manager 并在那里创建一个

检测已安装设备

• 检测已连接设备flutter devices