flutter macos环境安装

  1. touch .bash_profile #创建.bash_profile文件
  2. 下载JDK1.8的安装包首先到官网下载对应安装包Java官网
  3. flutter macos环境安装_第1张图片

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

java -version

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

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

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

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

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

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

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

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

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

brew -v

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


ruby -v

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

curl -L get.rvm.io | bash -s stable 
 
source ~/.bashrc
 
source ~/.bash_profile

在这里由于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(一定要替换为你的磁盘名)

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

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

rvm -v 

列出ruby可安装的版本信息

rvm list known

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

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

更换源

sudo gem update --system
 
gem sources --remove https://rubygems.org/
 
gem sources --add https://gems.ruby-china.com/

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

gem sources -l

得到

*** CURRENT SOURCES ***
 
https://gems.ruby-china.com/

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

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

安装本地库

pod setup

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

创建Podfile文件:

pod init

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

open Podfile

添加:
pod ‘Alamofire’
保存后退出

开始下载:

pod install

突然发现在控制台输入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下一步下一步一定要记住打开跑一遍原声项目
然后就是安装安卓sdk可以直接在
flutter macos环境安装_第2张图片
安装无需在bashprofile里面配置
--------------那麼接下來跑一遍ios項目裡面的真機發現遇见这个问题
flutter macos环境安装_第3张图片
那么只需要在
flutter macos环境安装_第4张图片
flutter macos环境安装_第5张图片

你可能感兴趣的:(flutter,dart,swiftUI,flutter,dart,app)