介紹

Flutter 是 Google 用以幫助開發(fā)者在 iOS 和 Android 兩個(gè)平臺(tái)開發(fā)高質(zhì)量原生 UI 的移動(dòng) SDK。Flutter 兼容現(xiàn)有的代碼，免費(fèi)且開源。使用Dart語言。

基于Android Studio環(huán)境搭建

支持flutter的IDE 目前有Android Studio、 IntelliJ、Visual Studio。

安裝 Flutter 和 Dart 插件

在Android Studio中安裝這兩個(gè)插件。

• Flutter 插件可以提高 Flutter 在開發(fā)過程中的開發(fā)效率（運(yùn)行，調(diào)試，熱重載等等）。
• Dart 插件提提升了代碼層面的開發(fā)效率（在你敲代碼的同時(shí)進(jìn)行代碼校驗(yàn)，代碼自動(dòng)補(bǔ)全等等）。

安裝步驟

• 啟動(dòng) Android Studio。
• 打開插件設(shè)置（在 macOS 上路徑為 Preferences>Plugins，在 Windows 和 Linux 上路徑為 File>Settings>Plugins）。
• 當(dāng)彈出對(duì)話框提示要安裝 Dart 插件的時(shí)候，點(diǎn)擊 Yes 接受。

• 如果彈出 Restart 需要重啟編輯器的時(shí)候，點(diǎn)擊 Yes 接受。

  
  創(chuàng)建Flutter項(xiàng)目
  

  【注意】
  第一次運(yùn)行時(shí)候要選擇指定的文件夾，然后點(diǎn)擊install SDK 來安裝Flutter SDK環(huán)境，可能需要下載一會(huì)。

Hello Word

在Android Studio中創(chuàng)建項(xiàng)目的時(shí)候會(huì)有New Flutter Project選項(xiàng)這時(shí)候如果本地沒有Flutter環(huán)境的話 會(huì)讓你下載。

創(chuàng)建后可以看到IDE的右上角有些功能按鈕。

項(xiàng)目目錄結(jié)構(gòu)

可以看到這里不但有Android的目錄，還有iOS的目錄，運(yùn)行的時(shí)候如果有iOS設(shè)備以及模擬器的話 是可以直接選擇運(yùn)行的。

右側(cè)閃電的標(biāo)志支持熱重載編譯運(yùn)行。

運(yùn)行效果

由于我是mac電腦，特意選了一個(gè)iOS模擬器，在Android Studio直接運(yùn)行在iOS設(shè)備上還是很爽的。

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.cjxv.cn/17760.html