码迷,mamicode.com
首页 > 系统相关 > 详细

MAC安装flutter开发环境

时间:2019-04-02 00:23:20      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:回车   需要   round   转变   菜单栏   自动   退出   最新版   and   

#最近在学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返回至命令行

2、下载flutterSDK

命令行输入

git clone -b beta https://github.com/flutter/flutter.git

网速可能较慢

3、下载完成后配置flutter环境变量

打开.bash_profile

输入

export PATH=`pwd`/flutter/bin:$PATH

(pwd为flutter在本机上的路径)

右键显示简介,复制文件地址/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可以启动模拟器(默认是最新版模拟器)

技术图片

 

 

 

 

MAC安装flutter开发环境

标签:回车   需要   round   转变   菜单栏   自动   退出   最新版   and   

原文地址:https://www.cnblogs.com/chenprice/p/10640059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!