flutter开发之--配置环境变量

最近在学习flutter，当然了配置环境是第一步，Android Studio 网上相关的教程很多，这里不在过多的记录。

VSCode的话，之前运行Python环境的时候配置过，运行flutter环境的话，也是需要再重新配置下：

打开终端，输入如下命令：

vim .zshrc

这里也分情况，需要先查看Shell默认的环境

$ echo $SHELL

如果打印的是zsh，那么配置~/.zshrc文件

vim ~/.zshrc

如果打印的是bash，那么配置~/.bash_profile文件

vim ~/.bash_profile

我的是zsh，那么配置zshrc文件

 下面的代码，根据自己的路径替换下就可以了，具体代码如下：

 

export PATH=/Users/{自己的路径}/Documents/flutter/bin:$PATH
export ANDROID_HOME="/Users/apple/Library/Android/sdk" //自己Android SDK路径
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

对照着复制过去就可以了

终端执行下面命令，载入配置：

zsh文件，输入如下命令：

source ~/.zshrc

bash文件，输入如下命令：

source ~/.bash_profile

 然后输入flutter doctor命令，如下图：

 

 就可以了！

在VSCode中打开flutter项目：

1、输入如下指令：

flutter run

相关的快捷键：

r 键：点击后热加载，也就算是重新加载吧。 
p 键：显示网格，这个可以很好的掌握布局情况，工作中很有用。 
o 键：切换 android 和 ios 的预览模式。 
q 键：退出调试预览模式。

运行成功的话如下图，可以对照下：

 

 

如果在VSCode中出现如上的提示，说明已经可以直接运行了。