mac搭建vscode flutter开发环境

1,669 阅读1分钟

一、官网下载flutter 最新版sdk

flutter.cn/docs/develo…

image.png

二、配置

  1. 解压到本地目录(随意),以Documents文件夹为例
  2. 命令打开文件进行配置:vim ~/.bash_profile image.png
export PATH=/Users/wfb/Documents/flutter/bin:$PATH  
export PUB_HOSTED_URL=https://pub.flutter-io.cn  
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn  
  1. 生效配置: source ~/.bash_profile
  2. 检查安装命令:flutter -h、flutter doctor
    image.png
    5.安装Android Studio、Xcode
    Android Studio:www.jianshu.com/p/2d1357203… (省去安装java环境过程)
    Xcode:自行度娘
PS:选择VS Code开发并不意味着,你不需要安装Android Studio和Xcode。为了android开发Flutter应用,需要安装Android Studio来安装Android SDK以及方便在Android设备上运行并测试您的Flutter应用。为了使用ios模拟器需要安装Xcode。

三、开发工具

flutter官方推荐的编辑器有IDEA/Android Studio和VSCode,这里我们选择vscode。推荐参考:juejin.cn/post/684490…
注:zsh: command not found: flutter 解决方法:blog.csdn.net/iotjin/arti…

四、创建应用

1、新建应用,连接模拟器。command+shift+p调出命令面板

image.png 2、应用启动 项目目录下输入命令:flutter run 3、调试、热更新

image.png 4、效果展示

image.png