热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Flutter安装及开发环境配置(Mac版)

Flutter安装及开发环境配置(Mac版)国内镜像众所周知的原因,国内访问google服务可能不太顺畅,如果没有vpn环境,可以访问国内镜像。Flutter官方为中国开发者搭

Flutter安装及开发环境配置(Mac版)




国内镜像

众所周知的原因,国内访问google服务可能不太顺畅,如果没有vpn环境,可以访问国内镜像。

Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意: 此镜像为临时镜像,并不能保证一直可用。


Flutter SDK下载安装


1. 下载sdk

官网下载

github下载


2. 解压安装包到你想安装的目录

cd 想要安装的目录
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip //解压到当前目录

3. 将Flutter目录添加到PATH路径

export PATH=你的flutter安装目录/flutter/bin:$PATH

如果想要每次电脑重启后都自动配置生效,则将PATH配置添加到.zshrc中(或者.bash_profile):

export PATH=/Users/apple/Documents/flutter-sdk/flutter/bin:$PATH

这里/Users/apple/Documents/flutter-sdk/flutter/是我的Flutter安装路径。

注意:Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。


运行 flutter doctor

配置完成后,我们可以运行 flutter doctor查看是否安装成功:

flutter doctor

该命令检查您的环境并在终端窗口中显示报告。仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务(以粗体显示)。
在这里插入图片描述

报告中会显示运行环境存在的一些问题,比如上图中,Xcode和Android Studio没有配置。

接下来我们以Android Studio为例进行配置。


Android Studio配置


1. 安装Android Studio

首先应该确保已安装Android Studio,这里安装最新版本即可。(支持3.0或更高版本)


2. 安装Flutter和Dart插件

需要安装Flutter和Dart插件两个插件。



  • 打开插件首选项:Preferences>Plugins

  • 选择 Browse repositories…, 选择 Flutter 插件并点击 install。

  • 这时Dart插件也会附带被安装上。


3. 重启Android Studio

插件生效,需要重启Android Studio。

好了,我们的Flutter开发环境已经搭建好了,接下来准备开发Flutter应用吧。


推荐阅读
author-avatar
小北甜甜
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有