Flutter官網(wǎng):https://flutter.dev? ? ? 中文官網(wǎng):https://flutterchina.club? ??https://flutter.cn/
1.什么是Flutter玛荞?Flutter 是 Google 開源的 UI 工具包牍陌,幫助開發(fā)者通過一套代碼庫高效構(gòu)建多平臺精美應(yīng)用但惶,支持移動、Web番电、桌面和嵌入式平臺。
Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for?mobile,?web, and?desktop?from a single codebase.
2.Flutter開發(fā)需要懂得Dart語言构舟,官方英文網(wǎng)站?洪碳,Dart2中文文檔
3.Flutter開發(fā)工具如何選擇?(目前主流趨勢是用Flutter做移動端iOS和安卓端的開發(fā))支持Flutter開發(fā)的IDE有Android Studio和VSCode兩個箭养,推薦使用Android Studio進行開發(fā)慕嚷。因為都是谷歌的產(chǎn)品,很多快捷鍵操作更方便毕泌,代碼聯(lián)想匹配度更高喝检;最重要的是,F(xiàn)lutter一些情況下需要用到安卓和iOS原生開發(fā)撼泛,需要懂得OC和Swift其中一種做iOS開發(fā)挠说,Java和Kotlin其中一種做安卓開發(fā),會用到Xcode和Android studio兩個編輯器愿题。Xcode不支持編寫Dart語言损俭。
4.如何安裝?可以點擊這個鏈接進去https://flutter.dev/docs/get-started/install潘酗,也可以通過官網(wǎng)上杆兵,點擊Get started,選擇對應(yīng)的操作系統(tǒng)仔夺,進入到安裝步驟琐脏。MAC端進入到https://flutter.dev/docs/get-started/install/macos#get-sdk。(1)下載最新的穩(wěn)定版安裝包缸兔,例如:flutter_macos_1.17.2-stable.zip日裙。 (2)解壓到“家目錄”下,/Users/用戶名XXX惰蜜。如果你不想安裝穩(wěn)定版昂拂,網(wǎng)站上有給出git地址,跳過那個部分抛猖,有些人分不清是主分支還是穩(wěn)定版本分支格侯,一定用命令拉取的話,選帶stable的那條财著,git主分支上每天都更新联四,可能不是穩(wěn)定版。(3)添加flutter到環(huán)境變量(Add the?flutter?tool to your path:)瓢宦,官網(wǎng)上給的是export PATH="$PATH:`pwd`/flutter/bin"這段代碼碎连,不夠詳細,下面的操作能達到它說的目的驮履。MAC上一般就使用兩種shell鱼辙,bash或zsh廉嚼,打開終端,輸入open ~/.bash_profile倒戏,如果提示The file /Users/XXX/.bash_profile does not exist. 繼續(xù)在終端輸入open ~/.zshrc 怠噪。如果以前配置過環(huán)境變量,一般可以打開一個文本文件杜跷,不管有沒有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>
官網(wǎng)上有第4步憋槐,但是看到第一個單詞Optionally,所以我們跳過淑趾。
更新資源文件 ,終端中輸入:source .bash_profile阳仔。或者關(guān)掉終端扣泊,重新打開近范,也會重新加載資源文件。
在終端中輸入:echo $PATH延蟹。如果有flutter/bin:表示配置的路徑?jīng)]問題评矩。
在終端輸入:flutter doctor。運行這個指令檢查開發(fā)環(huán)境是否需要安裝其他依賴文件阱飘。
5.安裝Android Studio斥杜。安裝Flutter插件,安裝Dart插件俯萌。有可能安裝了這兩個插件果录,AS的界面也不能直接創(chuàng)建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 文件
修改內(nèi)容:找到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