flutter小记

97 阅读1分钟

一、环境安装

  • windows安装

  • macos安装 ** mac永久生效的环境变量配置

  • 设置国内源,类似我们平时用npm会给它源设置成淘宝源

    打开.zhsrc

    open ~/.zhsrc
    

    在.zhsrc中添加如下代码

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

    重新加载.zhsrc

    source ~/.zhsrc
    

二、编辑器安装 android studio

  • android studio安装教程
  • 安装flutter插件 settings->plugins 搜索flutter install完成后设置插件flutter路径:/你的flutter安包路径/flutter
  • 安装dart插件 settings->plugins 搜索dart install完成后设置插件dart路径:/你的flutter安包路径/flutter/bin/cache/dart-sdk/bin
  • 运行安卓虚拟机 image.png
  • 运行 flutter doctor命令看看还有啥报错,解决对应的报错,xcode错误可忽略

运行flutter项目

  • 安装依赖
    flutter pub get
  • 依赖装好后运行

image.png

可能会运行的很慢,且报错: Could not resolve all artifacts for configuration 'classpath'。相关解决可查看

  • 强烈建议更改如下文件

1.flutter项目android目录下的build.gradle文件,将 google() ;jcenter();注释,更换源如下

buildscript { 
   repositories { 
     // google() 
     // jcenter() 
     maven { url 'https://maven.aliyun.com/repository/google' } 
     maven { url 'https://maven.aliyun.com/repository/jcenter' } 
     maven { url 'https://maven.aliyun.com/nexus/content/groups/public'} 
   } 
   dependencies { 
     classpath 'com.android.tools.build:gradle:3.1.2' } 
   } 
   allprojects { 
      repositories { 
        // google() 
        // jcenter() 
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'https://maven.aliyun.com/nexus/content/groups/public' } 
   } 
}

2.修改flutter.gradle文件,位置在你的flutter包-->packages-->flutter_tools-->gradle 将 google() ;jcenter();注释。更换源如下

 maven { url 'https://maven.aliyun.com/repository/google' } 
 maven { url 'https://maven.aliyun.com/repository/jcenter' } 
 maven { url 'https://maven.aliyun.com/nexus/content/groups/public'}