Mac环境下Flutter环境的搭建

1. 打开 Flutter 官网：https://dart.dev/get-dart
2. 安装 Homebrew，用下面这句代码就行

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

但是通常会报错，LibreSSL SSL_read: SSL_ERROR_SYSCALL, errno 54。
参考这篇文章解决
安装 brew及Homebrew的基本使用

3. 下载Flutter的SDK
   https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
   选择自己的操作系统和最新稳定的版本(stable版本)
   将解压后的flutter文件夹放到合适的目录下，我是放在文稿里面

4. 下载VSCode
   下载完成后搜索 dart 插件并安装才会有dart的代码提示
   搜索并安装code runner 插件，来运行dart文件
   搜索并安装Flutter 插件
   这3个插件

Mac中如何设置vscode中文语言显示

5. 配置flutter 的环境变量和依赖的库镜像
   因为我们之后需要在终端执行flutter 命令，所以需要配置环境变量。
   macOS系统，需要编辑~/.bash_profile文件
   Flutter安装相关命令行按照这个执行即可
   退出编辑模式后别忘了在命令行输入source ~/.bash_profile保存!!!
   查看flutter是否安装成功

flutter doctor

6. 命令行工具生成 Flutter 项目

sudo flutter create flutterdemo

（建议使用VSCode创建项目，终端创建的项目不知道为什么run不起来）

page8image55362576.jpg

7. 修改 Flutter Sdk 目录的权限以及项目的权限

   
   
   page8image55366944.jpg
   
   

   -R表示递归； 777表示可写可执行 fullter——app02指定文件夹，也可以是*表示任意文件

sudo chmod -R 777 *

8. Xcode打开flutter项目模拟器运行项目
   
   page9image33991440.jpg
   
   打开项目之前一定要修改权限!!!

page9image33980416.jpg

模拟器上运行

Vscode 调试 Flutter 项目

1. Vscode 中打开 flutter 项目进行开发
2. 运行 Flutter 项目
   注意：项目路径一定要保证纯英文要不然会运行不起来

flutter run

• r 键:点击后热加载，也就算是重新加载吧(shift+r)
• p 键:显示网格，这个可以很好的掌握布局情况，工作中很有用
• o 键:切换 android 和 ios 的预览模式
• q 键:退出调试预览模式

快捷键

Ctrl + ` 打开集成终端
Ctrl + B 侧边栏显示隐藏
cmd + shift + y 显示调试台
option + shift + f 自动缩进

3. Vscode 默认连不上第三方模拟器解决方案
   cd 到对应模拟器 D:\Program Files\Nox\bin 目录 然后运行

nox_adb.exe connect 127.0.0.1:62001

4. VSCode 使用命令cmd + shit + p ，然后new project 创建新项目

5. 按ctrl +shift + p 输入 snippet 新建 自定义代码块
   参考

use lowercase_with_underscores for package names.

flutter pub get

• 参考资料
  Mac下安装Android Studio
  Mac Android studio的安装