gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-28 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章让我们一起用Mac 搭建 Flutter 开发环境由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

  。

最近由于业务需要,开始进行 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 
  • 根据执行结果,自行将环境完善即可

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

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 将应用运行起来 。

原文地址:https://mp.weixin.qq.com/s/WZMLdLYWXcVNifWQgGohOw 。

最后此篇关于让我们一起用Mac 搭建 Flutter 开发环境的文章就讲到这里了,如果你想了解更多关于让我们一起用Mac 搭建 Flutter 开发环境的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com