美文网首页Flutter
Flutter mac开发环境搭建

Flutter mac开发环境搭建

作者: 勤奋的小卫子 | 来源:发表于2018-12-06 21:50 被阅读0次

一、系统要求

  • 操作系统 : 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://img.haomeiwen.com/i8068743/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运行效果

相关文章

网友评论

    本文标题:Flutter mac开发环境搭建

    本文链接:https://www.haomeiwen.com/subject/iyzncqtx.html