Flutter学习教程1--mac环境搭建

最新推荐文章于 2024-12-30 17:03:12 发布
原创 最新推荐文章于 2024-12-30 17:03:12 发布 · 317 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何从下载Flutter SDK开始，配置环境变量，到集成至Android Studio的全过程，帮助开发者快速上手Flutter开发。

一、下载flutter

   去官网https://flutter.dev/docs/get-started/install下载稳定版flutter

二、配置环境变量

       1、把刚才下载的flutter_macos_1.17.2-stable.zip解压缩。

2、打开终端，打开bash_profile

vim .bash_profile

按"e"进入编辑模式,增加红箭头指示的配置信息

按qw键保存并退出编辑，如果无法退出，连按shift+Z两次至退出。

3、运行flutter doctor

我这边已经修复了，实际上以第一运行flutter doctor 会出现很多红叉，出现红叉不要怕，按照提示的修复就可以了。下面是一个有详细出现红叉修复教程的网址https://blog.youkuaiyun.com/lxw983520/article/details/90521630。

到此flutter基本配置完成。

三、集成进AndroidStudio

打开AS主界面，点击右下角Configure菜单栏选择Plugins，弹出页的搜索框输入flutter，找到后点击安装，安装完重启AndroidStudio

 

此时我们就可以用AndroidStudio新建一个flutter项目，若新建或打开一个flutter项目后提示download Dart SDK和Setting Dart SDK，command+，进入偏好设置界面，设置Flutter SDK path 和 Dart SDK path，路径为上面下载flutter SDK后设置的路径和 flutter SDK内的dart-sdk：

flutter_path.png

dart_path.png

这样我们就能运行和编写flutter项目了

小剪刀Echo
关注
搭建Mac Flutter开发环境
keganyuan的博客
04-30 2873
基于Mac M1 Pro搭建Flutter开发环境，其他平台请参考官方教程。
搭建flutter环境-mac系统
challenge51all的专栏
11-15 1710
如果提示有部分项目未通过检查，需要根据提示内容去进一步完善安装环境，比如可能提示你需要进一步更新 Xcode 或者安装某个缺少的依赖等，直到所有检查项目都显示为通过状态，就可以顺利开展 Flutter 开发工作了。中，方便在任意终端位置能调用 Flutter 相关命令；后两行主要是为了更换 Flutter 的包下载的国内镜像地址，能加快后续安装插件等操作时的下载速度（如果不使用国内镜像，下载速度可能较慢甚至出现下载失败的情况），不过也可以根据实际情况选择保留或者去掉这两行。按照提示进行操作，完成安装即可。
flutter开发mac环境搭建
qq_25218777的博客
01-04 635
一、flutter SDK下载 1、官网下载地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos选择下载和自己操作系统的版本且稳定的Stable版本。 2、下载之后解压，选择保存路径，建议保存到系统根目录，或者资源库，不建议保存到下载、桌面等地方，避免误操作。 flutter环境变量配置 1、因为需要在终端执行flutter命令，所以需要flutter环境变量，mac配置环境变量需要编辑~/.bash_profile文件。
Mac平台flutter环境搭建
zhuwei622的博客
10-23 921
1、去flutter官网下载安装包，下载Dev channel，macOS https://flutter.io/sdk-archive/#macos 2、macOS下是自动解压了，进入flutter/bin目录后执行。如果提示有问题，看后面几点解决办法。 ./flutter doctor 如果提示xcrun不存在，执行以下命令安装 xcode-select --install ...
mac系统下flutter环境搭建
qq_34827618的博客
05-28 834
根据flutter中文网教程 入门: 在macOS上搭建Flutter开发环境 - Flutter中文网 1.去flutter官网下载flutter sdk 2.下载后解压到路径 Volumes/f/flutter/ （下载解压后右键可以拷贝路径） 3.打开终端执行 sudo vim ~/.bash_profile 输入密码 1⃣️输入i 2⃣️ export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE
鸿蒙Flutter实战：01-搭建开发环境
最新发布
weixin_47788113的博客
12-30 311
1.安装, 注意版本应该是 Next，当前最新的是 Beta32.安装Git, 如果要同时适配安卓,需要安装Android Studio;如果要适配ios,需要安装Xcode。
【我学flutter】---1、flutter环境搭建mac版
kfq0071的专栏
07-21 341
本文详细介绍在mac下配置flutter环境的每一个步骤，通过图文的方式使得读者快速理解和掌握flutter的环境搭建流程。 系统环境要求 macOS (64-bit) 硬盘空间: 700 MB (不包含android studio等编辑器工具). 命令行工具:bash, mkdir, rm, git, curl, unzip, which,brew需要保证上述命令在命令行下能使用， 如果没有安装brew，那么需要先安装：参考：https://segmentfault.com/a/11... 下
Flutter开发笔记01 - 环境搭建（Mac，含M1解决方案）
酸柠檬的博客
04-01 1607
苹果M1笔记本打开终端前需： 打开Finder-> 打开应用程序->打开实用工具，找到终端.app，显示简介，把使用 Rosetta打开勾选上，然后重启终端 一、Flutter SDK 下载 在Flutter官网下载安装包，转到对应环境的下载页： 安装和环境配置 | Flutter 中文文档 | Flutter 中文开发者网站 注意：下载后，自行解压；推荐路径为:/Users/用户名/flutter 镜像使用： 由于在国内访问Flutter有时可能会受到限制，Flutter官方为中
Flutter 之 Mac 环境搭建
weixin_50983325的博客
08-31 2666
目标 在 Mac 下，搭建 Flutter 运行的 iOS 开发环境 基础环境 要安装并运行 Flutter，您的开发环境必须满足以下最低要求: 操作系统: macOS (64-bit) 磁盘空间: 700 MB (不包括 Xcode 或 Android Studio 的磁盘空间） 工具: Flutter 依赖下面这些命令行工具 bash, mkdir, rm, git, curl, unzip, which 使用镜像 由于在国内访问 Flutter 有时可能会受到限制，Flutter 官方为中国开发者
Mac搭建flutter环境
Q773000230的博客
09-10 1422
最近换了一台新电脑，由于mac11之后系统默认终端zsh，和mac11之前的旧系统有点区别，在此记录一下最新搭建flutter环境流程 1、从官网下载flutter Flutter | Flutter SDK releases 解压后放到固定目录，后面会一直用到，不能删除 2、打开终端，编辑.bash_profile文件 sudo vi ~/.bash_profile 增加以下配置 //1和2是国内用户需要设置的镜像 export PUB_HOSTED_URL=https://pub.
Mac上flutter的环境搭建
01-20
一、安装flutter SDK 1、按照官网说明，获取flutter SDK 如图下载其最新可用的安装包 https://flutter.dev/docs/get-started/install/macos# 2、下载后，将安装包解压到你要安装的目录，如图，我放在了这里 3、添加flutter相关工具到path 打开终端输入命令行 vim ~/.bash_profile 如上图，输入a,将打开编辑模式，增加一行 export PATH=`pwd`/flutter/bin:$PATH `pwd`是你flutter的安装目录，同时将环境变量添加到文件中 export PUB_HOSTE
Flutter开发环境搭建 for mac
01-20
step1:brew https://segmentfault.com/a/1190000013317511 (brew 是 Mac 下的一个包管理工具，类似于 centos 下的 yum，可以很方便地进行安装/卸载/更新各种软件包，例如：nodejs, elasticsearch, kibana, mysql, mongodb 等等，可以用来快速搭建各种本地环境，程序员必备工具) step2:Flutter SDK包 https://flutter.io/setup-macos/ （记住解压的地址） step3:环境变量配置 终端键入 vim ~/.bash_profile 键入（意思是配
01-mac flutter环境搭建
深蓝旭的博客
08-22 989
mac flutter环境搭建 安装国内镜像 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 下载flutter 下载flutter flutter官网下载地址 flutter github下载地址 进入你想放置flutter的目录 cd ~/development 解压下载文件，记住改为你自己下载的版本号，按Y确认即可 unzip.
mac flutter 环境搭建
weixin_33905756的博客
11-26 207
flutter是最近比较火的新玩意，解决移动端跨平台的痛点，且性能不输原生开发。 在flutter之前，为了解决跨平台，使用h5、mui+hbuilder、weex、ionic等不少解决方案，虽然都可以实现，但是效果都不怎么理想。今天主要说说在mac上怎么搭建flutter开发环境，我在搭建的过程中遇到不少坑，这里给大家填坑，希望大家在搭...
macbook flutter环境搭建
素钗一生推
04-18 485
dart语法掌握之后，那就要开始开发项目了，然后，搭建环境肯定是在第一位的，前置声明如下： 系统：macOs 10.14.3 端：Android 使用工具：Android Studio iTerm 技术栈：flutter 首先，最重要的一点是搭个梯子，这边建议https://go.cloudss.me/index.php?rp=/knowledgebase/3/Macbook...
Flutter Mac环境搭建
Pixiao的博客
05-31 270
Flutter Mac环境搭建下载SDK环境变量打开配置文件添加变量使环境变量生效健康检测问题解决完美状态其他设置 下载SDK 下载地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos 下载完成后解压 环境变量 打开配置文件 open ~/.bash_profile 添加变量 export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH 使环境变量生效
Mac上Flutter开发环境搭建
LM Wang的专栏
01-02 823
搭建Flutter开发环境的步骤
MacOS搭建Flutter 环境
仁希的博客
07-15 1891
提示：Waiting for another flutter command to release the startup lock…第三步：进入自己的工具(Android studio/vs code)，在设置中配置flutter路径。第四步：下载flutter插件，flutter插件集成了dart插件，不需要再下dart插件。下载成功后会自动解压，把Flutter文件放到自己指定的位置。第一步：官网下载对应版本的flutter SDK。MacOS有两个版本：x64和 arm64。
Flutter环境搭建（MAC）
MrNoHere的博客
05-10 498
Flutter安装指南 官方文档地址：https://flutter.io/get-started/install/ 首先，下载Flutter的源码，按照官方建议，我们选择beta分支，如下所示： git clone -b beta https://github.com/flutter/flutter.git 代码下载后，目录结构如下： flutter renyugang$ tree...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值