首页 > 其他分享 >图文并茂记录下重新配置MAC系统Flutter环境

图文并茂记录下重新配置MAC系统Flutter环境

时间:2023-01-04 00:33:06浏览次数:64  
标签:profile 图文并茂 Flutter MAC https dart flutter bash

Flutter 是什么

Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。

下载Flutter Sdk

官方地址:
https://docs.flutter.dev/development/tools/sdk/releases?tab=macos

解压

下载完成后解压将其SDK flutter文件夹放入我们提前准备好的目录

终端环境配置

如果不存在这个文件,可以采用下面方式进行创建:

一般在Mac上配置环境变量时经常要创建、编辑 .bash_profile文件。创建该文件时一般都会选择在当前用户目录下,即Mac下的.bash_profile 文件的路径是 /Users/YourMacUserName/.bash_profile (如果该文件已经创建过的话)

1、创建 .bash_profile

(1) 启动终端

(2) 进入当前用户的home目录(默认就是):
cd ~ 或 cd /Users/YourMacUserName

(3)输入touch .bash_profile

2、查看 、编辑 .bash_profile 文件

(1)终端输入 open -e .bash_profile
(如果只是查看,直接使用open .bash_profile)

(2)编辑

(3)关闭即可保存修改

如果电脑上面存在这个文件,可以直接输入下面地址打开

open ~/.bash_profile

配置环境

假如你的文件下载到了这里/Users/xiaojin/flutter_sdk/flutter,那么打开.bash_profile写入以下内容后按esc键 :wq保存退出:

export PATH=/Users/xiaojin/Desktop/jin_files/env/flutter/bin:$PATH 
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

更新环境变量

source .bash_profile

检查环境

flutter doctor

Flutter 环境配置提示 cmdline-tools component is missing

打开android studio的设置


Flutter 环境配置提示 CocoaPods not installed.

我们需要安装CocoaPods,在终端输入:

brew install cocoapods

如果你电脑上面没有brew,可以参考:https://www.cnblogs.com/sugartang/p/16279561.html

Some Android licenses not accepted.

输入下面指令,并一路输入y

flutter doctor --android-licenses

检查环境成功

在 Android Studio 中配置Dart



下载安装Dart SDK

https://dart.dev/get-dart

 brew tap dart-lang/dart
 brew install dart

更新

brew upgrade dart

通过下图我们可以看到:SDK 被安装到了 /opt/homebrew/opt/dart 路径下

在Android项目中,配置 Dart SDK 路径

/usr/local/opt/dart/libexec

进入已有项目,下载依赖

flutter pub get

再AS软件里运行

标签:profile,图文并茂,Flutter,MAC,https,dart,flutter,bash
From: https://www.cnblogs.com/sugartang/p/17015092.html

相关文章