MAC安装flutter开发环境

#最近在学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可以启动模拟器(默认是最新版模拟器)

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

时间: 2024-09-30 04:28:44

MAC安装flutter开发环境的相关文章

mac下安装c++开发环境

mac下安装c++开发环境 1 注册apple id 按照apple注册步骤注册apple id,我注册时遇到如下问题 apple store完成创建apple id步骤中,选择付款方式和账单地址后,总会提示"如需帮助,请联系itune支持",进而导致apple store无法下载软件 解决办法为: https://support.apple.com/zh-cn/itunes,在该页面提交问题描述给apple技术支持,描述问题及apple id,三个工作日左右给出答复. 2 安装xco

安装ruby开发环境

如何快速正确的安装 Ruby, Rails 运行环境 对于新入门的开发者,如何安装 Ruby, Ruby Gems 和 Rails 的运行环境可能会是个问题,本页主要介绍如何用一条靠谱的路子快速安装 Ruby 开发环境.次安装方法同样适用于产品环境! 系统需求 首先确定操作系统环境,不建议在 Windows 上面搞,所以你需要用: Mac OS X 任意 Linux 发行版本(Ubuntu,CentOS, Redhat, ArchLinux ...) 强烈新手使用 Ubuntu 省掉不必要的麻烦

mac下java 开发环境搭建

mac配置java开发环境: jdk1.7 +sdk1.7+maven +tomcat 1.先安装jdk ,才能安装sdk . 2 mac中jdk1.7的默认位置:/Library/Java/JavaVirtualMachines/jdk1.7.0_40.jdk/Contents/Home 配置JAVA_HOME: 用户目录下opne .bash_profile    如果没有这个文件可以自己创建一个 可以了解下mac下的配置文件 ./etc/profile 文件   全局共有配置,无论哪个用户

安装Android 开发环境

这份指导文档旨在描述如何安装Android 开发环境 一.我们能够学到什么 1.安装开发Android APP需要的工具,2.需要的话创建Android 调试模拟器 AVD 二.需要准备什么 1.15min时间 2.喜欢的文本编辑器或IDE 3.JDK 1.7 或更新版本 三.设置Android 开发环境 在创建Android 应用前,我们需要安装Android  SDK, Android AVD 管理器,一个用于创建和管理AVD的图形接口. 1.从Android 网站下在你的操作系统支持的An

Linux 安装GO开发环境

安装GO开发环境 [[email protected] ~]# yum install golang GO的Hello world [[email protected] ~]# cat hello.go  package main import (     "fmt" ) func main() {     fmt.Println("Hello world") } [[email protected] ~]# 直接运行 [[email protected] ~]# 

Mac OSX Android 开发环境 模拟器报错

直接下载ADT mac版 模拟器报错处理 1. 显示隐藏文件命令 显示:defaults write com.apple.finder AppleShowAllFiles -bool true隐藏:defaults write com.apple.finder AppleShowAllFiles -bool false 2. 修改 /.android/avd/你的模拟器名字/emulator-user.ini window.x = 0 原因没有深究,可能和双屏有关? Mac OSX Androi

Ubuntu16.04安装后开发环境配置和常用软件安装

Ubuntu16.04安装后1.安装常用软件搜狗输入法+编辑器Atom+浏览器Chome+视频播放器vlc+图像编辑器GIMP Image Editor安装+视频录制软件RcordMyDesktop安装.2.开发环境配置.JDK环境配置+Scala环境配置+nodejs环境配置+开发工具intellij IDEA安装+Python数据分析环境配置+Jupyter开发工具安装+Python多版同时支持. 1.Ubuntu16.04安装常用软件(搜狗输入法+编辑器Atom+浏览器Chome+视频播放

Windows下Eclipse+PyDev安装Python开发环境

1.简介 Eclipse是一款基于Java的可扩展开发平台.其官方下载中包括J2EE方向版本.Java方向版本.C/C++方向版本.移动应用方向版本等诸多版本.除此之外,Eclipse还可以通过安装插件的方式进行诸如Python.Android.PHP等语言的开发. 本文将要介绍的就是使用Eclipse与PyDev插件,安装Python开发环境的方法,其中写本文的一个主要原因就是几天前在一台电脑上安装PyDev插件时遇到了一个之前没有遇到过的状况. 2.环境 OS:Windows XP 32bi

CentOS编译安装PHP开发环境

CentOS编译安装PHP开发环境 最近在安装服务器开发环境, 踩了不少坑, 这里总结下来. yum安装虽然简单, 却不灵活, 版本也比较老旧不合符设计中的选型, 因此只使用yum安装一些依赖库, 目标软件采用编译安装. 目录 安装PHP 安装PHP扩展 安装Phalcon框架 安装MySQL 安装MongoDB 安装Redis 安装PHP yum安装依赖库 yum install -y make cmake gcc gcc-c++ autoconf automake libpng-devel