mac搭建Flutter环境以及初始化项目

参考：https://book.flutterchina.club/chapter1/install_flutter.html#_1-3-1-%E5%AE%89%E8%A3%85flutter

Mac版

去 https://docs.flutter.dev/development/tools/sdk/releases?tab=macos 上下载flutter SDK，下载到是一个zip文件夹，解压到自己要装的目录

image.png

大概是这样的zip

把这个目录的bin目录加到环境变量里，修改.bash_profile文件，输入vi ~/.bash_profile，打开编辑文件界面，在英文键盘下按下字母 i 键，进入编辑模式

有些人可能会没有这个文件，可以创建一个，输入touch ~/.bash_profile就能创建一个了，然后在输入上面的vi指令
比如我这个绝对路径是/Users/wangshanliang/Documents/FlutterSDK/bin,
那我输入的应该是export PATH=/Users/wangshanliang/Documents/FlutterSDK/bin:$PATH

输入完了后按下esc键，再按下shift + : 键，输入wq，回车，就可以保存并关闭了

打开一个终端，输入source ~/.bash_profile，然后输入flutter，有一堆东西弹出来就说明成功了

image.png

关闭终端，再次打开终端后输入 flutter 发现报错，指令未找到，这个时候需要去修改 zshrc了
输入 vi ~/.zshrc，在末尾另起一行，加上source ~/.bash_profile，然后按照步骤4的方式，保存并关闭，重新打开终端发现可以生效了

安装xcode（输入命令和app store都能装）

打开xcode下载ios模拟器

打开vscode，在插件市场搜索flutter并安装插件

使用vscode初始化项目（必须先安装flutter插件），在vscode里同时按住shift + command + p，然后输入Flutter: New Project，这里已经弹出了这个选项，直接选择即可

image.png

然后下一步再选这个

image.png

然后再选择要创建的目录，选择完了后再输入项目名称，然后回车

image.png

可以发现项目已经创建好了

image.png

这个时候先启动xcode里面下载好的模拟器，输入open -a Simulator，会自动启动模拟器

然后再去项目里敲命令 flutter run

会发现他自动选择了本机的模拟器，等待一会即可

image.png