当前位置: 首页>移动开发>正文

flutter easy_refresh noMoreText什么时候生效 flutter node


Mac OS下的flutter环境安装

  • 1、环境阐述
  • 2、如React Native一样,安装必要插件以及环境
  • *2.1、安装Homebrew*
  • *2.2、安装Node、watchman*
  • *2.3、安装Xcode*
  • *2.4、安装CocoaPods*
  • 3、克隆flutter的SDK包
  • *4、配置环境变量*
  • 4.1 打开bash的环境变量设置
  • 4.2 引入镜像
  • 4.3 引入flutter的SDK包
  • 5、保存并更新环境变量
  • 6、运行flutter doctor
  • 7、完成
  • 8、特别提醒,优先看这段


1、环境阐述

初步搭建环境,暂不考虑安卓环境,优先搭配出IOS的环境。

2、如React Native一样,安装必要插件以及环境

参考网址:React Native中文网–搭建开发环境

2.1、安装Homebrew

因为时间差原因以及我第一次安装就成功了,所以这里贴出【疑似】我第一次参考的文章:Mac安装Homebrew

2.2、安装Node、watchman

brew install node
brew install watchman

这是RN官网的示例,事实上,node的安装是在我学习flutter之前就安好的了,所以我只用了brew去安装watchman。
tips:似乎由于网络问题或者墙的问题,watchman概率性会失败,没什么难度,保持网络通畅,实在不行就科学上网后安装,没什么难度的。

2.3、安装Xcode

Xcode可以直接在App store里面找到,8.1个G,下载时间由网络环境决定,我的第一次安装是在公司网络环境下,网速很快,十分钟左右。

2.4、安装CocoaPods

brew install cocoapods

安装RN官网的示例代码即可安装。

3、克隆flutter的SDK包

git clone -b beta https://github.com/flutter/flutter.git

最好是科学上网状态下去安装(实在没有也没关系,慢点而已,不是特别大)。它是flutter的基础包,是必要的东西,需要注意的是:
安装路径一定要自己能找到,并且拿到详细url地址。可以通过终端输入“cd ”然后把flutter的文件拖进去,就能拿到地址。
遗留疑惑:有人说一定要压缩包和文件夹都同时存在。目前情况是如此,可以运行,但我合理怀疑不需要保留压缩包也行。有待验证。

4、配置环境变量

4.1 打开bash的环境变量设置

终端输入:

open -e .bash_profile

4.2 引入镜像

因为flutter是Google公司开发的,所以很多东西国内无法访问,但Google公司提供了国内镜像,我们需要将其引入到环境变量中,不然开发过程中引入依赖这些,会巨慢甚至失败。

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

4.3 引入flutter的SDK包

上文第三步【克隆flutter的SKD包】已经说明了SDK包地址的拿取方式。接着在环境变量中输入

export PATH= SDK包地址/bin:$PATH

tips:SKD包里面有个bin文件夹,只要保证路径后是bin文件夹就可以了。以下是我的环境变量截图:

flutter easy_refresh noMoreText什么时候生效 flutter node,flutter easy_refresh noMoreText什么时候生效 flutter node_环境变量,第1张

其中“/Users/xuyuan/Documents/flutterInfo/flutter”即是我的SDK包存放的路径,我是存放在【文稿】里面的,且因为压缩包和文件夹在同一级目录,所以额外建立了个“flutterInfo”文件夹。我的文档结构如下截图

flutter easy_refresh noMoreText什么时候生效 flutter node,flutter easy_refresh noMoreText什么时候生效 flutter node_bash_02,第2张

5、保存并更新环境变量

command + S保存环境变量的编辑器,然后退出。之后在终端继续输入:

source .bash_profile

这句话就是更新环境变量的意思。
然后可以测试下路径,在终端输入:

echo $PATH

打印出地址即可。

6、运行flutter doctor

终端输入

flutter doctor

等它运行完成后应该如下图

flutter easy_refresh noMoreText什么时候生效 flutter node,flutter easy_refresh noMoreText什么时候生效 flutter node_flutter_03,第3张

前面是绿色的钩即代表安装环境ok,图上表示flutter、Xcode、vscode和connected device是可以使用的,因为暂没有配安卓环境,所以Android是不行的。不影响开发。暂时只能适配IOS而已,如有需要再配安卓环境就可以了。

7、完成

到这里环境就安装完成了。我用的vscode开发,所以vscode里面还需要配置。扩展vetur和flutter以及dart,就可以了。然后按照flutter官网写demo就可以了。

8、特别提醒,优先看这段

特别重要提醒:Mac的终端有两种,分别是bash和zsh(疑似还有个shell,不过这个没用到)。上面所有环境变量的配置都是在【bash】下的,如果你的Mac控制台是zsh的,会找不到环境变量。

zsh: command not found: flutter

如上,如果出现类似的zsh开头的,即是zsh环境,在vscode环境下开发有可能就找不到flutter,需要切换到bash环境。如果你全局都是bash环境,就不需要切换。
切换bash环境代码,在终端输入:

chsh -s /bin/bash

然后会让你输入Mac解锁密码。完成后重启终端即可。



https://www.xamrdz.com/mobile/48j1960418.html

相关文章: