一:Flutter Mac相关配置
1 下载fluttersdk
Flutter SDK下载地址:flutter.dev/docs/develo…
这是我的 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
二:VSCode配置dart环境
1:下载Dart SDK
到Dart的官方,根据不同的操作系统下载对应的Dart
- 官方网站:dart.dev/get-dart
无论是什么操作系统,安装方式都是有两种:通过工具安装和直接下载SDK,配置环境变量
1.通过工具安装
- Windows可以通过Chocolatey
- macOS可以通过homebrew
- 具体安装操作官网网站有详细的解释
2.直接下载SDK,配置环境变量
- 下载地址:dart.dev/tools/sdk/a…
- 我采用了这个安装方式。
- 下载完成后,根据路径配置环境变量即可。
我是 macOS通过homebrew下载的,官网命令行如下dart.dev/get-dart
2: VSCode配置相关插件
安装相关插件
必要插件:Flutter Dart插件
右键快捷编译:Code runner
主题插件:Atom One Dark Theme(teacher喜欢,我就喜欢,听说照做呗..)
开整开整