美文网首页
flutter配置笔记

flutter配置笔记

作者: 要开心 | 来源:发表于2019-08-20 13:54 被阅读0次
  1. 获取Flutter SDK
  2. 解压安装包到你想安装的目录,如:
    cd ~/development unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
  3. 添加flutter相关工具到path中:
    export PATH=pwd/flutter/bin:$PATH
  4. 运行 flutter doctor,我第一次运行的结果是:


    Pasted Graphic.png

看运行的结果,有一些需要安装和配置的东西该怎么配置都说得很清楚,只要跟着上面的步骤一步步操作就行了。在这个过程中可能会遇到一些小问题,下面是我自己对碰到的问题的处理。

  1. flutter doctor --android-licenses 很顺利,按照提示有几个license ,一直输入y同意就行了

  2. 安装cocoapod,按照说明,执行**brew install cocoapods **,等了半天都是Updating Homebrew很慢,然后查了一下原来得换国内镜像:

  1. 执行pod setup,这是坑我最长时间的了,不知道是因为公司网太慢还是什么,试了好多方法都很慢,或者就是等了半天突然就服务中断了,搞得人很😒, 最后在网上找到了另外一种解决方法,就是直接去git上下载cocoapod,放到本地对应目录下:Flutter环境搭建之pod setup安装慢解决办法 ,亲测有效。终于解决了我的pod setup的问题。

上面的步骤执行过程中如果想看自己的某个配置是否成功,都可以执行flutter doctor查看新的结果。
上面flutter doctor要求的配置全部满足以后,就该下载编辑器了,我用的是VScode,具体的下载和安装sdk的过程看官网



---Visual Studio Code (VS Code) 安装---

VS Code: 轻量级编辑器,支持Flutter运行和调试.

安装 VS Code
  • VS Code, 安装1.20.1或更高版本.
安装Flutter插件
  1. 启动 VS Code
  2. 调用 View>Command Palette…
  3. 输入 ‘install’, 然后选择 Extensions: Install Extension action
  4. 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
  5. 选择 ‘OK’ 重新启动 VS Code

通过Flutter Doctor验证您的设置

  1. 调用 View>Command Palette…
  2. 输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action
  3. 查看“OUTPUT”窗口中的输出是否有问题


终端说明中iOS下面的项目全部设置成功后执行flutter doctor,会是这样的结果:



剩下的就是Android Studio的事儿了,如果没有安装就先安装,安装以后打开android studio, 打开plugin
输入flutter搜索,直接搜会搜不到,要点击中间的 Search in repositories



然后执行搜索找到Flutter后点击install,他会弹出提示问你flutter要依赖dart,是否允许安装,一直点击允许就好了,然后就等他下载:

顺利的话安装完毕之后重启android studio就好啦


image.png

另外,还有个问题坑了比较久的,就是终端环境变量的配置,官网有永久将Flutter添加到PATH中的方法讲解,后来证明也是对的,但是实际操作的时候,我还是碰到了配置以后vs仍然找不到flutter SDK的问题,后来还是重启了两次vs才好了,唉,害我以为是我配置的问题,折腾了好久,有的时候你离成功可能就差一次重启,但你不知。
记录几个配置的时候常用的命令

// 打开配置文件
open .bash_profile  
// 查看配置文件内容
echo $PATH
// 更新配置文件的修改
source $HOME/.bash_profile
image.png

相关文章

网友评论

      本文标题:flutter配置笔记

      本文链接:https://www.haomeiwen.com/subject/peiusctx.html