前言:最近想学习一下flutter 那么就重配环境开始吧
Flutter官网
一、更新HomeBrew
打开终端输入命令:
$ brew update
二、下载Flutter 的SDK
官网 -> Get Started -> Install -> MacOS -> Flutter SDK 解压:我们可以直接拖拽双击 也可以使用命令
$ cd ~/development
$ unzip ~/Downloads/flutter_macos_2.2.3-stable.zip
这里有个小问题要注意下:我们选择解压的文件是否有权限 如果没有权限会提示Permission denied 解决方法:
$ sudo chmod -R 777 文件路径
三、配置镜像
官方有一句很温馨提示 Important: If you’re in China, first read Using Flutter in China 配置Flutter的环境变量 如果电脑默认bash ,那么配置~/.bash_profile 如果电脑默认zsh ,那么配置 ~/.zshrc 如果不确定可以先配置~/.bash_profile 1)打开终端输入
$ vim ~/.bash_profile
如果出现了下图,可能是我们打开了两次 [O]pen Read-Only :打开此档案成为只读档 (E)dit anyway :还是用正常的方式打开你要编辑的那个档案 (R)ecover :就是加载暂存盘的内容,用在你要救回之前未储存的工作。 (D)elete it :你确定那个暂存档是无用的!那么开启档案前会先将这个暂存盘删除! (Q)uit :按下 q 就离开 vim ,不会进行任何动作回到命令提示字符 (A)bort :忽略这个编辑行为 我们按E 或者 D 2)我们可能进入bash_profile ,如果当前状态是不可编辑的,按I 后出现INSERT ,文件进入可编辑状态 如图: 3)在文件里面添加
export PATH=你的flutter文件路径/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
4)按esc 键退出编辑模式 然后英文的:wq 回车 这样就保存退出啦 5)在终端接着输入
$ source ~/.bash_profile
6)在终端接着输入
$ flutter -h
正确就会如下图: ??报错1:没有权限 Exception: Flutter failed to create a directory at "/Users/maxiaoliao/.config/flutter". The flutter tool cannot access the file or directory. Please ensure that the SDK and/or project is installed in a location that has read/write permissions for the current user. 解决方法 在终端输入
$ sudo chmod 777 .config
??报错2:zsh: command not found: flutter 我们电脑默认的zsh 解决方法:
$ vim ~/.zshrc
在zsh 文件添加source ~/.bash_profile 保存
四、在终端输入
$ flutter doctor
Flutter安装成功
Android Studio安装
官网
一.接受协议并下载
二、配置环境变量
# Android
export ANDROID_HOME=~/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/emulator
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
三、安装插件
Android Studio -> preferences -> Plugins -> 搜索 flutter -> Install -> Restart IDE
四、创建一个flutter项目
创建以后一般会默认带一个模拟器
五、检查flutter是否都配置成功
$ flutter doctor
解决: 1).先下载安卓命令行工具 2)终端输入
$ flutter doctor --android-licenses
然后一路y
六、再次检查flutter是否都配置成功
$ flutter doctor
成功了
七、最后运行一下flutter工程
|