参考: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文件夹,解压到自己要装的目录
![](https://img.haomeiwen.com/i7852092/597e52199f888fd2.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
,有一堆东西弹出来就说明成功了
![](https://img.haomeiwen.com/i7852092/ed31dbd01711ff1d.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
,这里已经弹出了这个选项,直接选择即可
![](https://img.haomeiwen.com/i7852092/9548fd6c74dc42ca.png)
然后下一步再选这个
![](https://img.haomeiwen.com/i7852092/0255bc41774e7ee9.png)
然后再选择要创建的目录,选择完了后再输入项目名称,然后回车
![](https://img.haomeiwen.com/i7852092/a248d56e1bca0b7e.png)
可以发现项目已经创建好了
![](https://img.haomeiwen.com/i7852092/3dd00f4135488df7.png)
这个时候先启动xcode里面下载好的模拟器,输入open -a Simulator
,会自动启动模拟器
然后再去项目里敲命令 flutter run
会发现他自动选择了本机的模拟器,等待一会即可
![](https://img.haomeiwen.com/i7852092/338e96d5c6d5b568.png)
网友评论