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 mobile, web, 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,bash或zsh,打开终端,输入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
网友评论