macbook flutter环境搭建

dart语法掌握之后,那就要开始开发项目了,然后,搭建环境肯定是在第一位的,前置声明如下:

系统:macOs 10.14.3

端:Android

使用工具:Android Studio    iTerm   

技术栈:flutter

首先,最重要的一点是搭个梯子,这边建议https://go.cloudss.me/index.php?rp=/knowledgebase/3/MacbookShadowsocks.html使用这个,比较实惠。。。

再来,是安装工具,放上链接:https://developer.android.com/studio/index.html ,傻瓜式安装,略过。。。,提一嘴,如果使用真机开发,就无须安装模拟机,如果不是使用真机开发的话,建议装上模拟机,可以是自带的,genymotion,或者夜神,都可以的

工具装好之后,考虑到fq的成本比较高,在使用flutter时可以使用国内镜象,在macOs上面需要配置环境变量,操作如下:

打开iterm, 执行命令 open ~/.bash_profile, 会有两种情况,如果有创建,即会打开文本编辑页面,什么都没有的话, 继续执行创建命令touch .bash_profile 创建一个

打开bash_profile之后,输入如下内容

export ANDROID_HOME="安卓SDK所在目录" 
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

 

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=这个地方是输入Flutter SDK所在目录/bin:$PATH

输入内容后,command + s 保存文件,然后关闭,使用 source .bash_profile命令更新配置

前三行内容是为了在android studio的terminal上使用flutter命令,后三行是国内镜像及环境变量

前面所有步骤走完之后,打开iterm后,输入flutter doctor检测环境,执行完成后,会出现如下截图:

macbook flutter环境搭建_第1张图片看到这个截图,即可以开始开发了,如果这几项的开头不是绿色的对勾,那边请根据它报错信息或者警告信息之后紧跟的各种命令去安装对应的工具集,安装完成之后再次执行flutter doctor,再次检测,这个截图是因为没有安装xcode,出现的警告,可以按它的提示进行操作即可macbook flutter环境搭建_第2张图片

只要透过flutter doctor检测出环境已经接近如上上图,通过android studio就可以直接创建一个flutter项目

macbook flutter环境搭建_第3张图片

然后,透过flutter run 将新建好的项目运行起来

macbook flutter环境搭建_第4张图片

希望看到这篇文章的各位,一定要看到最后,看到这一句红色标注的话,非常重要哦,虽然建议fq,但是fq不能跟前面的镜像设置同时使用,选其一即可,否则会报错

macbook flutter环境搭建_第5张图片

 

你可能感兴趣的:(flutter)