美文网首页
Flutter开发MAC环境安装与配置

Flutter开发MAC环境安装与配置

作者: 轰天裂天罗三炮 | 来源:发表于2020-05-30 20:49 被阅读0次

    Flutter官网:https://flutter.dev      中文官网:https://flutterchina.club    https://flutter.cn/

    1.什么是Flutter?Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。

    Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobileweb, and desktop from a single codebase.

    2.Flutter开发需要懂得Dart语言,官方英文网站 ,Dart2中文文档

    3.Flutter开发工具如何选择?(目前主流趋势是用Flutter做移动端iOS和安卓端的开发)支持Flutter开发的IDE有Android Studio和VSCode两个,推荐使用Android Studio进行开发。因为都是谷歌的产品,很多快捷键操作更方便,代码联想匹配度更高;最重要的是,Flutter一些情况下需要用到安卓和iOS原生开发,需要懂得OC和Swift其中一种做iOS开发,Java和Kotlin其中一种做安卓开发,会用到Xcode和Android studio两个编辑器。Xcode不支持编写Dart语言。

    4.如何安装?可以点击这个链接进去https://flutter.dev/docs/get-started/install,也可以通过官网上,点击Get started,选择对应的操作系统,进入到安装步骤。MAC端进入到https://flutter.dev/docs/get-started/install/macos#get-sdk。(1)下载最新的稳定版安装包,例如:flutter_macos_1.17.2-stable.zip。 (2)解压到“家目录”下,/Users/用户名XXX。如果你不想安装稳定版,网站上有给出git地址,跳过那个部分,有些人分不清是主分支还是稳定版本分支,一定用命令拉取的话,选带stable的那条,git主分支上每天都更新,可能不是稳定版。(3)添加flutter到环境变量(Add the flutter tool to your path:),官网上给的是export PATH="$PATH:`pwd`/flutter/bin"这段代码,不够详细,下面的操作能达到它说的目的。MAC上一般就使用两种shell,bashzsh,打开终端,输入open ~/.bash_profile,如果提示The file /Users/XXX/.bash_profile does not exist. 继续在终端输入open ~/.zshrc 。如果以前配置过环境变量,一般可以打开一个文本文件,不管有没有VPN,加入下面3条,前两条是Flutter镜像配置。

    <div style="background-color:black;">

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

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

    export PATH=/Users/Users/XXX/flutter/bin:$PATH

    </div>

    官网上有第4步,但是看到第一个单词Optionally,所以我们跳过。

    更新资源文件 ,终端中输入:source .bash_profile。或者关掉终端,重新打开,也会重新加载资源文件。

    在终端中输入:echo $PATH。如果有flutter/bin:表示配置的路径没问题。

    在终端输入:flutter doctor。运行这个指令检查开发环境是否需要安装其他依赖文件。

    5.安装Android Studio。安装Flutter插件,安装Dart插件。有可能安装了这两个插件,AS的界面也不能直接创建Flutter项目,需要安装其他三个插件。

    6.很重要一点,尽量把Xcode和Android studio更新到最新版本,要不然出些奇怪问题,怎么都解决不了。

    Make sure the Xcode license agreement is signed by either opening Xcode once and confirming or running sudo xcodebuild -license from the command line.

    安卓端 flutter doctor --android-licenses

    在终端输入上面指令,一直打Y,就是YES同意。

    7.Running Gradle task 'assembleDebug'...

    一直卡死,用VPN或者在安卓项目中加镜像,

    修改项目下的 build.gradle文件

    文件路径:项目 --> Android -->build.gradle 文件

    修改内容:找到buildscript 和allprojects 将里面的:

    google()

    jcenter()

    修改为阿里云镜像

    maven { url 'https://maven.aliyun.com/repository/google' }

    maven { url 'https://maven.aliyun.com/repository/jcenter' }

    maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

    8.更新Flutter,在终端中敲入flutter upgrade

    相关文章

      网友评论

          本文标题:Flutter开发MAC环境安装与配置

          本文链接:https://www.haomeiwen.com/subject/dsthzhtx.html