一、Mac - vscode - flutter环境搭建

一、前提条件：

• brew；
• JDK;
• git;
• vscode;
• 官网下载Flutter 下载最新版本
  image.png
  image.png

Flutter SDK 版本升级方式

二、将Flutter（解压后的）放到自己喜欢的位置：

• 摆放的位置，会涉及到下面配置的路径。

• 如我放在下图

  
  image.png

三、配置SDK和mac的环境关系

• 执行命令： vim ~/.bash_profile
  image.png
  i ---> 编辑；
  Esc -- ： -- w -- q 保存退出
  (注意： ~/Documents/flutter 是Flutter存放的位置，根据自己情况)

#Flutter
export PATH=~/Documents/flutter/bin:$PATH  
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

#JDK
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_201.jdk/Contents/Home
PATH=$PATH:$JAVA_HOME/bin
CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
export JAVA_HOME PATH CLASSPATH

• 2、 执行命令： vim ~/.zshrc

  
  image.png

export PATH="$PATH:$HOME/.rvm/bin"
source ~/.bash_profile

• 3、 执行命令： source ~/.bash_profile
• 4、 执行命令flutter -h 如果提示command not found: flutter，请检查1，2步，看下路径
  image.png

• 5、执行命令： flutter doctor

  
  image.png

四、vscode 步骤

• vscode： 安装flutter插件（dart会自动安装，不用考虑）

  
  image.png
  image.png
  image.png

四、坑点

• vscode创建项目时出现问题，重点关注一下 .bash_profile 和 .zshrc 格式，路径，内容是否齐全等问题（最好把命令提示框关闭，然后再打开，vim命令，如果现实vim命令不存在，那证明文件错误了）
• 配置失效，重启编译器，电脑

四、vim，jdk，flutter

• vim命令失效处理方式
  1、export PATH=/usr/bin:/usr/sbin:/bin:/sbin:/usr/X11R6/bin
  2、对文件修改，直到正确

• JDK路径获取
  1、/usr/libexec/java_home -V

  
  image.png

• flutter
  1、如何位置执行 flutter doctor，看是否正常。
  2、which flutter dart 找出 flutter 和 dart 的路径
  3、官网步骤如下：

  
  image.png