- 打开 Flutter 官网:https://dart.dev/get-dart
- 安装 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的基本使用
下载Flutter的SDK
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
选择自己的操作系统和最新稳定的版本(stable版本)
将解压后的flutter文件夹放到合适的目录下,我是放在文稿里面下载VSCode
下载完成后搜索 dart 插件并安装才会有dart的代码提示
搜索并安装code runner 插件,来运行dart文件
搜索并安装Flutter 插件
这3个插件
- 配置flutter 的环境变量和依赖的库镜像
因为我们之后需要在终端执行flutter 命令,所以需要配置环境变量。
macOS系统,需要编辑~/.bash_profile文件
Flutter安装相关命令行按照这个执行即可
退出编辑模式后别忘了在命令行输入source ~/.bash_profile保存!!!
查看flutter是否安装成功
flutter doctor
- 命令行工具生成 Flutter 项目
sudo flutter create flutterdemo
(建议使用VSCode创建项目,终端创建的项目不知道为什么run不起来)
-
修改 Flutter Sdk 目录的权限以及项目的权限
-R表示递归; 777表示可写可执行 fullter——app02指定文件夹,也可以是*表示任意文件
sudo chmod -R 777 *
- Xcode打开flutter项目模拟器运行项目
打开项目之前一定要修改权限!!!
Vscode 调试 Flutter 项目
- Vscode 中打开 flutter 项目进行开发
- 运行 Flutter 项目
注意:项目路径一定要保证纯英文要不然会运行不起来
flutter run
- r 键:点击后热加载,也就算是重新加载吧(shift+r)
- p 键:显示网格,这个可以很好的掌握布局情况,工作中很有用
- o 键:切换 android 和 ios 的预览模式
- q 键:退出调试预览模式
快捷键
Ctrl + ` 打开集成终端
Ctrl + B 侧边栏显示隐藏
cmd + shift + y 显示调试台
option + shift + f 自动缩进
- Vscode 默认连不上第三方模拟器解决方案
cd 到对应模拟器 D:\Program Files\Nox\bin 目录 然后运行
nox_adb.exe connect 127.0.0.1:62001
VSCode 使用命令cmd + shit + p ,然后new project 创建新项目
按ctrl +shift + p 输入 snippet 新建 自定义代码块
参考
use lowercase_with_underscores
for package names.
flutter pub get