Fluter相关配置

231 阅读2分钟
一: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

无论是什么操作系统,安装方式都是有两种:通过工具安装直接下载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喜欢,我就喜欢,听说照做呗..)

开整开整