配置Flutter环境(Mac环境)

前言

故事发生在2019年
上海第一天看见太阳的时候
在阴雨绵绵半个月之后 天空放晴
Flutter也终于出正式版了
现记录搭建环境过程
Mac OS+Xcode+Android Studio
以备不时之需

环境
硬件环境:MacBook Pro 15.4
系统版本:macOS Mojave 10.14.2

参考文档
官网:https://flutter.io/
GitHub:https://github.com/flutter/flutter
中文资料网:https://flutterchina.club/

1.安装Flutter
官方下载页
https://flutter.dev/docs/development/tools/sdk/archive#macos
解压到本地目录后,记得配置环境变量

2.配置环境变量

//针对中国大陆加的镜像配置
#flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
//加个$PATH:试试
 export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

3.检查配套组件

//检测所需组件
flutter doctor 
配置Flutter环境(Mac环境)_第1张图片
这是提示有更新了.png

这个命令会根据你已安装的软件,检查相对应的配套组件,逐一安装即可


配置Flutter环境(Mac环境)_第2张图片
image.png

4.运行项目
有三个编译器推荐,其中安装插件时如果搜索不到,建议科学上网。
4.1 谷歌亲儿子 Android Studio


as.png

4.2 万能编辑器 IntelliJ IDEA
4.3 良心微软 Visual Studio Code


配置Flutter环境(Mac环境)_第3张图片
VS Code.png

打开VSCode之后,先添加Flutter目录至工作区


配置Flutter环境(Mac环境)_第4张图片
image.png

然后进入Debug菜单


配置Flutter环境(Mac环境)_第5张图片
image.png

PS:推荐一本电子书
https://book.flutterchina.club/

你可能感兴趣的:(配置Flutter环境(Mac环境))