全新mac电脑配置flutter步骤

写在最前面,安装软件前一定一定一定要先跟同事沟通好所有软件的版本,包括ruby、xcode、android studio、DevEco Studio、cocoapods、flutter sdk、代码分支等等。我这次就因为xcode比同事的高了两个小版本导致浪费了一天,后来又因为DevEco Studio比同事低了1个小版本又浪费了一天。

1、安装homebrew,详见官网

2、安装jdk,2-1或2-2任选一种,推荐2-2,2-1可能需要翻墙,并要求oracle账号

  • 2-1、 下载jdk
  • 2-2、使用brew直接安装
brew search jdk
brew install oracle-jdk@17
  • 2-3、配置jdk,将以下内容添加到~/.zprofile文件尾部
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-17.jdk/Contents/Home #jdk-17.jdk这个目录根据实际存在目录填写
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:

3、安装ruby,3-1或3-2任选一种

  • 3-1、使用rbenv安装ruby
#安装rbenv
brew install rbenv
rbenv init

#安装指定版本ruby
# list latest stable versions:
rbenv install -l
# list all local versions:
rbenv install -L
# install a Ruby version:
rbenv install 3.4.5

#设置ruby版本
rbenv global 3.4.5   # set the default Ruby version for this machine
# or:
rbenv local 3.4.5    # set the Ruby version for this directory
curl -sSL https://get.rvm.io | bash -s stable #安装stable版本rvm
rvm install 3.4.5  # 安装特定版本的Ruby
rvm use 3.4.5   # 使用特定版本的Ruby

4、安装cocoapods

cocoapods安装方式有两种,一种用brew,另一种用ruby;有些工具不支持brew安装的,建议用ruby

# 更新gem包管理器的本地数据库
gem update --system
 
# 安装CocoaPods
sudo gem install cocoapods
或
sudo gem install cocoapods -n usr/local/bin

# 安装制定版本CocoaPods
sudo gem install cocoapods -v 1.13.2
或
sudo gem install cocoapods -n usr/local/bin -v 1.13.2

#查看cocoapods版本
pod --version

5、通过app store安装xcode

6、安装android studio

  • 6-1、安装command-line
    1、打开android studio
    2、进入setting->android sdk->sdk tools
    3、选中android sdk command-line
    4、点击ok,等待安装完成
  • 6-2、通过命令行安装安卓license
flutter doctor --android-licenses

7、下载并安装DevEco Studio

将以下内容添加到~/.zprofile文件尾部

 # flutter鸿蒙配置
 export TOOL_HOME=/Applications/DevEco-Studio.app/Contents # mac环境
 export DEVECO_SDK_HOME=$TOOL_HOME/sdk # command-line-tools/sdk
 export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH # command-line-tools/ohpm/bin
 export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH # command-line-tools/hvigor/bin
 export PATH=$TOOL_HOME/tools/node/bin:$PATH # command-line-tools/tool/node/bin

8、安装flutter sdk

  • 8-1、新建文件夹
$ mkdir ~/sdk
  • 8-2、下载flutter sdk至刚才新建的文件夹~/sdk
    如果做鸿蒙开发,使用如下git地址
    如果只做iOS和安卓开发,使用如下git地址
  • 8-3、配置flutter环境,将以下内容添加至~/.zprofile尾部(根据实际情况选择一行)
#flutter相关配置
PATH=~/sdk/flutter_flutter/bin:$PATH #做鸿蒙开发
or
PATH=~/sdk/flutter/bin:$PATH #不做鸿蒙开发

使用flutter doctor检查配置情况

9、使用android studio编辑flutter工程

  • 9.1、为android studio安装flutter插件
    android studio -> setting -> plugin 找到flutter,安装flutter插件
  • 9.2、为android studio设置dart sdk
    android studio -> setting -> Languages & Frameworks -> Dart,将Dart SDK path设置为 ~/sdk/flutter_flutter/bin/cache/dart-sdk

10、 配置SSH

  • 1、为了能使用git提交代码,还需要配置SSH
# Git 的全局配置
git config --global user.name userName
git config --global user.email userEmail
#查看配置
cat ~/.gitconfig
# 生成 RSA 密钥
ssh-keygen -t rsa -b 2048 -C userEmail
# 查看 RSA 公钥
cat ~/.ssh/id_rsa.pub
  • 2、 将公钥配置到git仓库的网站
  • 3、有些git仓库还需要在本地配置config文件,将以下内容添加到~/.ssh/config
Host *
HostkeyAlgorithms +ssh-rsa
PubkeyAcceptedKeyTypes +ssh-rsa

11、安装sourceTree作为git工具

12、 安装charles、iTerm等工具

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容