当前位置:   article > 正文

flutter macos环境安装_macos安装flutter

macos安装flutter
  1. touch .bash_profile #创建.bash_profile文件
  2. 下载JDK1.8的安装包首先到官网下载对应安装包Java官网
  3. 在这里插入图片描述

4.下载完成后双击dmg文件,然后双击pkg文件,安装过程比较傻瓜,一直next即可。
5.为了可以在终端使用Java,需要配置好环境变量
打开终端,输入:

java -version
  • 1

如果显示了以下内容,即表示MacOS环境下的安装程序已经自动配置好了环境变量
查看Java版本
6.接下来先安装国内镜像环境在.bash_profile里面

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

然后source .bash_profile生效
接下来获取flutter的sdk打开终端输入

git clone -b stable https://github.com/flutter/flutter.git
  • 1

下载好后我这里将它放在Application里面然后把路径放入.bash_profile里面

export PATH=/Applications/flutter/bin:$PATH
  • 1

然后在控制台输入flutter doctor就能跑起来了跑不起来就讲明安装失败了
接下来安装ios环境
7.ios环境安装的顺序应该是Homebrew ===> Ruby ===> CocoaPods
8.Homebrew安装这里我用vpn试了好几次国外镜像不行选择国内的选择中科院1既然就好了

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
  • 1

安裝過程有點久耐心等待
最後homebrew搞定了
校验方法

brew -v
  • 1

返回了homebrew的版本号安装成功
接下来我们进行Ruby的安装
这个比较复杂
先检查ruby的版本号比较低


ruby -v
  • 1
  • 2

返回版本好二點幾版本低了最新的在3點幾
升级Ruby环境,首先需要安装rvm(第一步要下载一些东西等两分钟左右)

curl -L get.rvm.io | bash -s stable 
 
source ~/.bashrc
 
source ~/.bash_profile
  • 1
  • 2
  • 3
  • 4
  • 5

在这里由于ip被污染了等等不知道什么原因在输入curl -L get.rvm.io | bash -s stable 的时候会报错
curl: (7) Failed to connect to raw.githubusercontent.com port 443 after 12 ms: Connection refusedraw.githubusercontent.com拒绝了我们的访问所以导致rvm装不上去那么我接下来通过git来下载安装rvm终端输入

git clone https://github.com/rvm/rvm.git
下载完成,双击打开 users/your home disk's name /rvm/bin/rvm-installer(一定要替换为你的磁盘名)
  • 1
  • 2

我这里先显示隐藏文件夹快捷键为Shift + Command + .
找到users==>monicajiang==>rvm==>bin==>rvm-installer双击
让rvm 命令生效 source ~/.rvm/scripts/rvm

这个报错的意思是
查看rvm版本

rvm -v 
  • 1

列出ruby可安装的版本信息

rvm list known
  • 1

會看到ruby最新的版本號安裝
安装最新ruby版本

// 安装 (这里我选择的是3.0.0版本,当然你也可以选择其他的)
rvm install 3.0.0
// 注意:安装过程中需要两次按下 Enter 键, 第二次按下后需要输入电脑访问密码(不可见,只管输入就行);
// 如果你电脑没有安装Xcode和Command Line Tools for Xcode以及Homebrew 会自动下载安装,建议提前安装这三者.
 
// 设为默认
rvm use 3.0.0 --default
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

更换源

sudo gem update --system
 
gem sources --remove https://rubygems.org/
 
gem sources --add https://gems.ruby-china.com/
  • 1
  • 2
  • 3
  • 4
  • 5

验证你的Ruby镜像是并且仅是ruby-china

gem sources -l
  • 1

得到

*** CURRENT SOURCES ***
 
https://gems.ruby-china.com/
  • 1
  • 2
  • 3

ruby安裝成功
这时候才正式开始安装CocoaPods

sudo gem install -n /usr/local/bin cocoapods
  • 1

安装本地库

pod setup
  • 1

得到一個綠色的complete成功了
xocode新建一个项目使用终端cd到工程目录下

创建Podfile文件:

pod init
  • 1

之后就可以在项目目录里看到一个Podfile文件
打开Podfile文件:

open Podfile
  • 1

添加:
pod ‘Alamofire’
保存后退出
如下图
在这里插入图片描述

开始下载:

pod install
  • 1

突然发现在控制台输入flutter然后报了zsh: permission denied
然后才知道是因为用的是以前老的bash模式那么切换模式
切换zsh,chsh -s /bin/zsh命令切换即可。
-输入vim ./.bash_profile 回车,然后就打开了bash_profile文件。
-点击esc退出编辑状态,输入:wq回车保存退出。
-输入source ~/.bash_profile ,让配置文件在修改后立即生效。
在输入flutter
正常了
--------------------截止目前为止flutter doctor应该ios环境就ok了-----------------
接下来安装安卓studio下一步下一步一定要记住打开vpn跑一遍原声项目
然后就是安装安卓sdk可以直接在
在这里插入图片描述
安装无需在bashprofile里面配置
--------------那麼接下來跑一遍ios項目裡面的真機發現遇见这个问题
在这里插入图片描述
那么只需要在
在这里插入图片描述
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/728542
推荐阅读
相关标签
  

闽ICP备14008679号