欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

Flutter mac开发环境搭建

发表日期:2018-12 文章编辑:小灯 浏览次数:2382

一、系统要求

  • 操作系统 : macOS(64bit)
  • 磁盘空间 : 至少700MB(不包括IDE/Tool所占空间)
  • 工具:依赖的命令行工具
    • bash, mkdir, rm, git, curl, unzip, which

二、获取Flutter SDK

1.下载最新版Flutter SDK:

macOS环境FlutterV1.0.0包

2.使用unzip命令解压包

cd ~ unzip ~/Downloads/flutter_macos_v1.0.0-stable.zip

3.设置临时环境变量

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

此命令设置的临时环境变量,只对当前终端窗口有效,后面会说到永久设置环境变量

4.运行flutter doctor命令

在当前终端运行一下命令,检查是否还需要安装依赖

flutter doctor -v 

这个命令会检查你的环境,并将检查报告显示在终端窗口上,Dart SDKFlutter是绑定在一起的,没必要单独下载Dart。仔细查看用加粗字体标识的信息
以下是输出信息

屏幕快照 2018-12-06 下午7.14.21.png
执行建议的安装命令后,再执行一次lutter doctor -v
屏幕快照 2018-12-06 下午8.47.05.png

5.设置环境变量

① 确定Flutter SDK路径,用于步骤三
② 打开$HOME/.bash_profile文件

cd ~ vi .bash_profile 

③ 添加SDK路径

![屏幕快照 2018-12-06 下午9.44.03.png](https://upload-images.jianshu.io/upload_images/8068743-a683662cdd994413.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) export PATH=$PATH:[Flutter SDK路径]/flutter/bin 

④ 运行 source ~/.bash_profile刷新当前窗口
⑤ 验证环境变量是否添加成功

echo $PATH 
屏幕快照 2018-12-06 下午9.15.41.png

三、平台配置

使用VS Code
打开VS Code,下载flutter扩展
然后shift + command + p

命令
选择Flutter: New Project.
输入project名,然后enter
官方demo
官方demo运行效果


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://www.dengtar.com/17639.html
上一篇:Flutter初探分析 下一篇:flutter跑马灯
相关APP开发
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.