mac上搭建vscode+Flutter开发环境

系统版本:MacOS 10.15.6
1、安装AndroidStdio
https://developer.android.goo...
当前版本为4.1.1
新建demo并能运⾏

2、安装Xcode,直接在App Store安装,版本12.2
新建demo并能运⾏

3、安装vscode
官网下载https://code.visualstudio.com
版本1.49.1

4、安装Flutter
4.1 终端中输⼊以下指令克隆项⽬,如果克隆失败需要挂代理
git clone -b beta https://github.com/flutter/fl...
4.2 导出到Flutter保存路径
export PATH=pwd/flutter/bin:$PATH
4.3执⾏ flutter doctor
flutter doctor 是 flutter 对mac本机的环境配置诊断脚本,脚本结果会直接放出
flutter 环境有哪些需要继续配置的。按照提示执⾏脚本即可
第一次执行提示Android licenses 有问题,需要执⾏: flutter doctor --android-licenses
⼀直输⼊“Y”执⾏,直到所有Android licenses 安装完,再执⾏⼀次flutter doctor。
配置⽂件添加:
export PATH=${PATH}:/Users/mac/FlutterSDK/flutter/bin:PATH

5、VScode 配置
VS code的Flutter配置也很简单:
打开VS code -> Extentions管理
在搜索框中搜索 Flutter
搜索到Flutter, 点击安装即可
Dart环境也是⾃动会安装好

6、创建第一个Flutter项目
切换到项⽬⽬录下view -> Command Palette ,输⼊Flutter-> NewProject,然后输⼊项⽬名称(⼩写),选择项⽬路径。这期间需要设置之前下载好的SDK路径,之后重启。
执⾏:export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
到这⼀步在android系统已经能正常运⾏demo了,但ios安装demo时失败。

7、安装CocoaPods,否则⽆法运⾏iOS程序,我直接安装的是1.8.4版本,安装最新版本需要升级ruby,否则安装失败
sudo gem install cocoapods -v 1.8.4

你可能感兴趣的:(flutter)