最近在学习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命令,如下图:

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

 

 就可以了!

在VSCode中打开flutter项目:

1、输入如下指令:

flutter run

相关的快捷键:

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

运行成功的话如下图,可以对照下:

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

 

 

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


作者:稻草人11223