mac 在Android Studio中支持Flutter

学前准备

安装Android Studio

  • 下载并安装
  • 配置代理HTTP Proxy,并检查连接,并安装Andriod SDK
  • 若果代理问题导致Andriod SDK下载中SDK Platforms后续下载阻断,点击Help/Change memory - Settings修复,重复上一步
  • 配置模拟器,并尝试运行

**系统配置文件bash_profile或者zshrc **

// 修改
vim ~/.bash_profile
命令 i:编辑 esc退出编辑 :wq退出编辑器
// 立即生效
source ~/.bash_profile

open ~/.zshrc 
source ~/.zshrc

配置flutter环境变量
下载flutter

在/Users/userName/Library/Android/文件夹解压产出文件夹flutter

Preferences/Plugins安装flutter和dart,重新启动,可以创建flatter项目啦

配置环境变量

export PATH=/Users/userName/Library/Android/flutter/bin:$PATH
export ANDROID_HOME=/Users/userName/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

检查配置生效

flutter doctor

flutter 安装异常提醒

  1. 首次会提示:「无法打开“dart”,因为Apple无法检查其是否包含恶意软件」,设置安全隐私 允许dart

  2. cmdline-tools component is missingmac 在Android Studio中支持Flutter_第1张图片3. CocoaPods没有安装

Xcode - develop for iOS and macOS (Xcode 13.3.1)
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
gem install cocoapods --user-install
// 提示:You don't have /Users/userName/.gem/ruby/2.6.0/bin in your PATH


// CocoaPods安装,需要先配置gme
export GEM_HOME=/Users/userName/.gem/ruby/2.6.0
export PATH=$GEM_HOME/bin:$PATH

再次执行
gem install cocoapods --user-install

{GEM_HOME}/bin/pod install

// 命令获取库文件的位置,检查是否安装成功
gem which cocoapods

  1. 配置java环境
[!] Android Studio (version 2022.1)
    ✗ Unable to find bundled Java version.


1. 查看java路径
/usr/libexec/java_home -V
Matching Java Virtual Machines (1):
    19.0.2 (arm64) "Oracle Corporation" - "Java SE 19.0.2" /Library/Java/JavaVirtualMachines/jdk-19.jdk/Contents/Home
/Library/Java/JavaVirtualMachines/jdk-19.jdk/Contents/Home
2. 配置环境变量(JAVA_HOME 根据Java路径生成)
export JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk-11.0.10.jdk/Contents/Home"
export PATH=$PATH:$JAVA_HOME/bin:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar
3. 安卓注册,解决 cmdline-tools 的问题,全部选Y
flutter doctor --android-licenses
4. Android Studo移除了jre目录,设置jre和jbr的软链
bin所在文件执行(Applications/Android Studio.app/Contents)
ln -s jbr jre

第一个Flutter

new flutter project,选择flutter并创建,按照引导创建

mac 在Android Studio中支持Flutter_第2张图片

初次启动异常,原因是依赖无法安装;找到android下的build.gradle(同文件2个位置替换)

Exception: Gradle task assembleDebug failed with exit code 1

原始代码:
google()
mavenCentral()

替换后的代码:
maven{url 'https://maven.aliyun.com/repository/google' }
maven{url 'https://maven.aliyun.com/repository/google-plugin' }
maven{url 'https://maven.aliyun.com/repository/public' }
maven{url 'https://maven.aliyun.com/repository/jcenter' }

mac 在Android Studio中支持Flutter_第3张图片
项目目录
main.dart: 默认入口文件

语法说明

`支持箭头函数`
void main() {
  runApp(const MyApp());
}
void main () => {
runApp(const MyApp())
};


`使用class可以不写new`
void main () => {
runApp(const MyApp())
};
class MyApp extends StatelessWidget {...}

应用的打包和部署
安卓:打来Android模拟器
未发布(build/app/outputs/apk下的.apk文件直接安装)
发布

你可能感兴趣的:(笔记,macos,android,studio,flutter)