一:Flutter Mac相关配置
1 下载fluttersdk
Flutter SDK下载地址:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#windows
这是我的 flutter下载路径
/Users/zcyd/Desktop/flutter/bin
2 获取Android SDK的文件路径
Android studio -> Preferences -> Android SDK -> SDK Tools
a.打开命令行终端Terminal
[输入]~/.bash_profile
如果出现No such file or directory表示.bash_profile文件不存在需要创建,出现zsh: permission denied: /Users/XXX/.bash_profile表示文件已经存在,无需创建。
=文件不存在,需要创建=
[输入]~/touch .bash_profile
b. 编辑.bash_profile文件
[输入]open -e .bash_profile
在打开的文件中输入下面的文字【注释不可放进文件中,完成之后请保存并关闭文件】
// flutte的bin文件路径(请修改为你的对应路径)
export PATH=/Users/zcyd/Desktop/flutter/bin:$PATH
// Android SDK的文件路径(请修改为你的对应路径)
export ANDROID_HOME=/Users/zcyd/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
// flutte的国内镜像地址,加快国内的访问速度
export PUB_HOSTED_URL=https://pub.flutter-io.cn
// flutte的国内镜像地址,加快国内的访问速度
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
c.【重点,重点,重点】在文件保存之后一定一定要在命令行中更新当前配置(我就在这里卡了一个下午)
[输入]source .bash_profile
d.设置环境变量为全局的,即不用每次打开打开终端都执行source .bash_profile刷新环境变量之后才可以执行flutter doctor
.zshrc文件不存在,需要创建
[输入]touch .zshrc
.zshrc文件已经存在,直接打开
[输入]open .zshrc
在打开的文件末尾增加source ~/.bash_profile保存退出即可。
e.到这里环境变量基本配置完毕,检查flutte环境变量是否配置完毕
[输入]flutter doctor
相关链接:https://www.jianshu.com/p/19b01d36dee3
二:VSCode配置dart环境
1:下载Dart SDK
到Dart的官方,根据不同的操作系统下载对应的Dart
- 官方网站:dart.dev/get-dart
无论是什么操作系统,安装方式都是有两种:通过工具安装
和直接下载SDK,配置环境变量
1.通过工具安装
- Windows可以通过Chocolatey
- macOS可以通过homebrew
- 具体安装操作官网网站有详细的解释
2.直接下载SDK,配置环境变量
- 下载地址:dart.dev/tools/sdk/a…
- 我采用了这个安装方式。
- 下载完成后,根据路径配置环境变量即可。
步骤1 :
vscode 选中选中本地下载的dart-sdk /Users/liyang/Desktop/flutter/bin/cache/dart-sdk
步骤2:
runcode 设置dart路径
我是 macOS通过homebrew下载的,官网命令行如下https://dart.dev/get-dart
2: VSCode配置相关插件
安装相关插件
必要插件:Flutter Dart插件
右键快捷编译:Code runner
主题插件:Atom One Dark Theme(teacher喜欢,我就喜欢,听说照做呗..)
开整开整