换电脑之后就没整过flutter环境,这周正好得空,就把flutter先搭起来,下面记录过程以及遇到的问题, 解决办法办法。

首先下载Android Studio

点击跳转

汉化教程:

1.点击下方链接进入IntelliJ Platform插件页面

https://plugins.jetbrains.com/plugin/13710-chinese-simplified-language-pack----

2.点击 DownLoad

3.打开刚刚下载的zip,解压

4.打开Android Studio设置界面,然后按下图操作


5.找到刚刚解压的jar文件,点击OK
(如果提示版本不兼容则下载兼容版本)

6.然后restart开发工具
汉化可参考: https://zhuanlan.zhihu.com/p/374517847


第一步:下载flutter sdk

直达链接: https://docs.flutter.dev/development/tools/sdk/releases?tab=macos#macos

flutter sdk下载完成后,就是找一个安装目录解压压缩包,建议在mac的终端下完成操作。
比如,我把flutter sdk安装在了/Users/lvsige/flutter_mac 目录中,那么我先进入该目录下

cd  /Users/lvsige/flutter_mac

然后把flutter sdk解压到当前文件夹下

unzip /Users/lvsige/Downloads/flutter_macos_1.20.2-stable.zip

此时,flutter sdk就安装好了

第二步,配置环境变量

在终端下输入 vim ~/.bash_profile,打开.bash_profile文件

 vim ~/.bash_profile

再该文件里输入如下三行命令,输入i,进入编辑模式,然后输入一下三行命令,然后按esc退出编辑模式,然后输入:wq,保存退出。

export PATH=/Users/lvsige/flutter_mac/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn


下面解释一下这三行命令的作用:
第一行命令是配置flutter的全局路径,这样可以让在任何文件路径下使用flutter命令。
第二行命令配置pub镜像地址;这里不知道pub是什么的暂时不用管,这里一起配置上,后面会提到。
第三行命令配置flutter镜像地址;

PS:这些镜像的配置主要是因为后续flutter需要从网络上下载一些插件,如果不配置镜像,很有可能下载失败。
另外就是要提的是,这些镜像地址并不是一直稳定的,需要长期稳定的镜像地址可以自行在Flutter社区上查看,及时更换最新的地址。
还有就是:上面第一行中的目录/Users/cjl/Documents/flutter_mac/flutter/是我安装flutter sdk的目录,这里需要替换成你自己的flutter sdk存放路径。例如:/Users/fengshun/workFeng/Flutter。

配置完成后,终端输入source ~/.bash_profile 使之生效,之后在哪里使用flutter命令都会有用。

source ~/.bash_profile

这里还有一个BUG需要说明,当我配置完flutter的开发环境之后,退出终端,下一次进入终端再使用flutter命令后,终端报错,显示zsh: command not found: flutter。显示找不到flutter命令,似乎之前的配置都失效了!!
其实并不是这样的,经过查找资料,发觉是从 macOS Catalina 版开始,您的 Mac 将使用 zsh 作为默认登录 Shell 和交互式 Shell。您还可以在较低版本的 macOS 中将 zsh 设置为默认 Shell。

zsh: command not found: flutter 解决办法

1 、执行:【open ~/.zshrc 】

open ~/.zshrc

2 、如果 提示文件不存在,则执行:【vim ~/.zshrc 】新建一个新文件。

vim ~/.zshrc

3 、再执行【open ~/.bash_profile 】

open ~/.bash_profile

4 、把 bash_profile 中的内容copy到 zshrc 文件中,保存:【:wq回车】。

5 、再使用source命令重新加载一下:【source ~/.zshrc】,下次再编辑这个文件就可以直接执行:【open ~/.zshrc】

source ~/.zshrc

6 、运行【flutter -h 】看生效没有

flutter -h

还有一种就是从刚开始的时候就直接在 .zshrc 中配置环境变量


至此,我们在终端输入flutter --version,如果显示flutter的版本信息,则表明flutter安装成功

flutter --version

输入dart --version,表示dart sdk也安装成功

dart --version

显示信息如下:

到此 需要执行 flutter doctor 查看是否成功

flutter doctor

这是我第一次执行flutter doctor报的错, 需要一个一个解决。
这个解决的报错的办法在文章最后

把报错解决成下面这样就行了。 如图

创建第一个flutter项目

项目名只能用小写

flutter create myflutter


正常情况下是可以运行成功的 , 如图
可参考文章: https://blog.csdn.net/Super_CJL/article/details/113529205


failed to find Build Tools revision 29.0.2


当运行Flutter 项目 运行在andorid 设备上时候 ,出现 failed to find Build Tools revision 29.0.2 错误

其实也就是我们android studio SDK 缺少 29.0.2 版本


然后从新运行 Flutter run 发现不再报错,问题成功解决


cmdline-tools component is missing

cmdline-tools component is missing Run path/to/sdkmanager --install "cmdline-tools;latest"

环境变量都是正确的,百度搜的说SDK路径没配置对,我设置了也没用,还是报错。
解决办法,直接下载个就好了:


Android license status unknown

参考文章: https://zhuanlan.zhihu.com/p/115753641

mac下创建第一个flutter项目以及遇到的问题相关推荐

  1. Flutter入门——创建第一个Flutter项目

    Flutter入门--创建第一个Flutter项目 一.创建项目 第一个项目使用Android Studio创建,步骤如下: 先打开Android Studio,会有一个创建新的Flutter应用的选 ...

  2. Android Studio创建第一个Flutter项目

    一.创建Flutter项目 1.1 file->New–>New Flutter Project 1.2 配置Flutter SDK Path 1.3 填写项目相关信息 二.android ...

  3. Flutter 学习第四天 第一个flutter项目

    这个转自我自己的有道云 想看图片去那里 文档:Day2_26 Dart 面向对象 异步语法.md 链接:http://note.youdao.com/noteshare?id=1dc3ee54f0dd ...

  4. Flutter初体验(二)—— 创建第一个Flutter APP

    Flutter初体验(二)--- 创建第一个Flutter APP 在第一篇文章 Flutter初体验(一)---Mac 安装配置,学习了配置 Flutter 开发环境,并运行了Demo项目,本篇根据 ...

  5. AndroidStudio创建第一个 Flutter 应用程序

    AndroidStudio创建第一个 Flutter 应用程序: 转到文件->新建flutter项目. 选择Flutter Application并按下一步按钮. 在下一个窗口中,您将看到您的项 ...

  6. 五十一、创建第一个Maven项目和pom.xml 详解

    @Author:Runsen @Date:2020/6/12 人生最重要的不是所站的位置,而是内心所朝的方向.只要我在每篇博文中写得自己体会,修炼身心:在每天的不断重复学习中,耐住寂寞,练就真功,不畏 ...

  7. python创建django项目_搭建Python-Django环境,创建第一个Django项目

    曾想学爬虫,没想到误入python web班,在美女老师shirely的指导下,搭建了好Django环境,试着开始做第一个web项目 一.Python环境安装 1.Python2.7的下载 从Pyth ...

  8. 跟小静学MVC3[01]--创建第一个MVC3项目

    [前言]从今天开始,小静要学习Pro ASP.NET MVC3 Framework这本经典大作了,我是下载的电子版学习的.在这里只是用作学习的记录,便于以后查阅,也为了督促自己坚持下去.不用于任何商业 ...

  9. 将Maven集成到idea中并创建第一个Maven项目

    在将Maven集成到idea中之前,你需要确保你已经安装过了Maven,在DOS下输入mvn -v如果显示如下,则证明已安装,如果没有安装,可以参考Maven的下载安装,如果你不知道Maven的一些基 ...

最新文章

  1. AngularJS中的按需加载ocLazyLoad
  2. github下载速度改善
  3. 如何理解Java中参数传递只能传值?
  4. Kafka是靠什么机制保持高可靠,高可用的?
  5. 美股期指继续下跌 纳指期货跌1%
  6. 无法嵌入互操作类型“Microsoft.Office.Interop.Excel.ApplicationClass”。请改用适用的接口 ....
  7. 不能查看工作组计算机 提示没有权限拒绝访问
  8. xshell远程登录工具的星号密码查看方法
  9. 从DWG导入SKP后的封面问题
  10. python如何写简历_用Python写简历
  11. 安装windows系统到移动硬盘
  12. 【python算法】算法之线性增长与二次方增长小实验举例
  13. 如何在自己的应用中打开支付宝客户端
  14. win7无法连接虚拟磁盘服务器,win7系统电脑打开磁盘管理出现“无法连接虚拟磁盘服务”的解决方法...
  15. 8000 sentences of Oral English(one)
  16. 新生活、新成长、新认知
  17. c语言十进制转八进制递归,C语言之利用递归将十进制转换为二进制
  18. Mysql第四天笔记01——常用函数
  19. 第三十四届广东金融科技交流会顺利举行,墨云分享风险验证技术新思路
  20. 视频剪辑必备的6个免费素材库~

热门文章

  1. npm 、yarn、pnpm、nvm 、nrm、 npx介绍
  2. 虚幻引擎(UE4) 字符串处理
  3. 保险行业数字化转型加速 科技为保险业注入新动能
  4. 假设某书店的前台收银销售类的定义如下:
  5. 国产荔枝糖FPGA开发板实现FM发射
  6. Spring Boot项目:使用第三方天气API接口实现天气预报功能
  7. ABB操作面板维修panel800按键屏pp846A 3BSE042238R2
  8. 6. EL 表达式:${运算表达式}
  9. 破解你的密码需要多久? AMD 450GB数据被黑
  10. 《计算机操作系统》课程学习(1)——第1章 操作系统引论