让我们一起用Mac 搭建 Flutter 开发环境

商务办公
最近由于业务需要,开始进行 Flutter 的研究,由于 Flutter 的环境搭建在官网上有些细节不是很清楚,笔者重新整理输出。

 [[397842]]

本文转载自微信公众号「网罗开发」,作者网罗开发。转载本文请联系网罗开发公众号。

最近由于业务需要,开始进行 Flutter 的研究,由于 Flutter 的环境搭建在官网上有些细节不是很清楚,笔者重新整理输出

1. 配置镜像

由于在国内访问 Flutter 有时可能会受到限制,Flutter 官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

  • vim ~/.bash_profile
  • 输入 i 进入编辑模式,复制粘贴添加下面的环境变量
  1. # flutter 镜像 
  2.  
  3. export PUB_HOSTED_URL=https://pub.flutter-io.cn 
  4.  
  5. export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
  • 按 esc 进入命令模式,输入 :wq 退出保存
  • 执行 source ~/.bash_profile 使配置生效

2. 下载 Flutter SDK

下载稳定的 1.22.6版本到本地:Flutter SDK 1.22.6 https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_1.22.6-stable.zip

3. 配置 Flutter SDK 环境

  • 下载完之后解压,然后将 flutter sdk 放入 /Library 目录
  • 在环境变量中添加 path,方便访问 flutter sdk(具体步骤和第 1 步类似)
  1. # 链接 flutter sdk 
  2. export PATH="$PATH:/Library/flutter/bin" 
  • 配置完成之后执行下面命令,就会自动检查并配置 flutter 环境
  1. flutter doctor 
  • 根据执行结果,自行将环境完善即可

4. 创建一个 Flutter 项目并运行

4.1 终端

最简单的方法是终端直接输入下面的命令即可快速创建一个 flutter 应用并运行起来

  1. flutter create myapp 
  2. cd myapp 
  3. flutter run 

4.2 Android Studio

  • 安装插件:

https://flutter.cn/docs/get-started/editor?tab=androidstudio

  • 创建/运行项目:

https://flutter.cn/docs/get-started/test-drive?tab=androidstudio

4.3 VSCode

  • 安装插件

  • 创建项目

cmd+shift+p 打开命令面板,输入 Flutter,选择 Flutter: New Application Project 即可创建一个 flutter 应用

  • 运行项目

使用 VSCode 打开项目,cmd+shift+p 打开命令面板,输入 Flutter选择 Flutter: Run Flutter Docktor 将应用运行起来

 

责任编辑:武晓燕 来源: 网罗开发
相关推荐

2022-03-31 18:59:43

数据库InnoDBMySQL

2021-12-29 08:27:05

ByteBuffer磁盘服务器

2022-03-08 17:52:58

TCP格式IP

2021-08-27 07:06:10

IOJava抽象

2021-11-26 07:00:05

反转整数数字

2021-07-15 07:23:28

Singlefligh设计

2016-09-06 10:39:30

Dell Techno

2022-02-14 10:16:22

Axios接口HTTP

2022-02-14 07:03:31

网站安全MFA

2022-06-26 09:40:55

Django框架服务

2021-11-30 07:51:29

气球数量空间

2012-07-27 13:36:00

Office操作系统

2022-07-10 23:15:46

Go语言内存

2022-08-01 07:57:03

数组操作内存

2012-04-14 20:47:45

Android

2021-12-16 12:01:21

区块链Libra货币

2021-07-31 11:40:55

Openresty开源

2023-03-28 08:12:06

优化系统IOPS

2014-02-25 08:59:14

2021-11-09 23:54:19

开发SMI Linkerd
点赞
收藏

51CTO技术栈公众号