MAC安装flutter开发环境
#最近在学flutter开发,写一篇记录一下安装的过程
1、配置flutter镜像地址
vim ~/.bash_profile 命令行输入后回车,打开.bash_profile配置镜像地址
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
(进入后默认是不可编辑的,按a进入编辑模式,下方会出现INSERT)
输入好,按ESC退出编辑模式,输入:wq返回至命令行
经提醒,退出编辑模式后别忘了在命令行输入source ~/.bash_profile保存
2、下载flutterSDK
进入需要安装flutter的文件夹,命令行输入
git clone -b beta https://github.com/flutter/flutter.git(大家也可以从github上下载安装包)
网速可能较慢
3、下载完成后配置flutter环境变量
打开.bash_profile
输入
export PATH=`pwd`/flutter/bin:$PATH
(pwd为flutter在本机上的路径)
获取flutter文件夹路径方式:
1. 命令行进入flutter文件夹所在的上一级文件夹,输入"pwd"命令,自动显示文件夹
2. 右键显示简介,复制文件地址/Users/pricechen(在命令行会自动转变为英文地址),将'pwd'粘贴为复制的地址
4、查看flutter是否安装成功
回到命令行,输入flutter doctor
出现如图所示即安装成功,前两个是安卓与ios的调试环境,出现叉号就按照给出的命令一条条配置就可以了,第三四个分别为AndroidStudio与VScode的开发环境,我在MAC上用的是VScode
(flutter doctor命令可多次执行,如果MAC没有homebrew可以面向百度先安装一下homebrew,不然用不了brew 的命令)
5、vscode需要下载flutter和dart两个插件
按shift+command+p调出terminal palette选择创建flutter工程
6、附一张VScode调试图,(热重载好用)
选择顶部菜单栏,debug->start debugging可以启动模拟器(默认是最新版模拟器)
posted on 2019-04-01 23:45 pricechen 阅读(9185) 评论(2) 编辑 收藏 举报