Google Flutter框架:使用VS Code進行開發


   雖然進行安卓開發使用Android studio 比較方便 ,但是因為AS太臃腫而且還有一些404問題,就在打算如何進行高效的Android開發,於是找到了Flutter SDK, 他支持使用IDE進行開發, 也就是可以直接脫離AS以及java代碼(真的很頭大)!Flutter 是 Google 為您打造的 UI 工具包,幫助您通過一套代碼同時在 iOS 和 Android 上構建媲美原生體驗的精美應用!開發者除了Android Studio編寫Flutter代碼以外,VS Code也可以編寫Flutter代碼,接下來進行VS Code的環境搭建吧!

一、安裝Flutter SDK 配置Path環境 flutter安裝目錄下

二、打開powershell 輸入:flutter doctor 進行環境檢查

Flutter SDK環境配置好后 就可以試試在Powershell 或 CMD 里面輸入flutter doctor 它將會診斷剩余還缺啥.

如果沒有flutter命令 那就是你的環境變量沒配置好 重新配置或者重啟
配置好后基本就會彈出一個錯誤 2個警告分別是

[x] Android toolschain 沒有找到 后面一大推提示信息
[!] Android Studio沒有安裝
[!] 沒有找到設備
感嘆號的都不是致命問題 最主要就是那個安卓工具鏈了 這就需要我們安裝Android SDK了
如果你之前已經安裝好Android Studio 那么就沒事 會自帶有了. 只要環境變量里面的ANDROID_HOME 配置正確就可以了.

 三、安裝Android Studio 以及Android SDK

Android Studio可以忽略安裝 但是Android SDK必須安裝否則報以下錯誤

 [✗] Android toolchain - develop for Android devices

✗ Android license status unknown. 遇到這種情況輸入以下命令

sdkmanager.bat --update

看到如下圖直接輸入y

 

四、配置Android SDK環境變量 ANDROID_HOME 

 

五、安裝VS Code,安裝完后,下載flutter擴展以及Dart擴展插件:

 

六、打開VS Code,開始構建flutter項目:flutter create testFlutterApp

 

七、創建好之后,打開項目目錄后輸入,在運行前檢查模擬器是否存在,輸入:flutter emulator 。

 

        如果有模擬器,輸入:flutter emulators --launch <模擬器ID>,運行模擬器

        如果創建新的模擬器,輸入:flutter emulators --create [--name <模擬器ID>]

 

 

八、打包運行模擬器,輸入:flutter run

 

最后,模擬器啟動,並且打開了flutter app

 

最后,介紹一些 VS Code中常用的快捷鍵:

R鍵:點擊后熱加載,直接查看預覽效果

P鍵:在虛擬機中顯示網格,在工作中經常用到

O鍵:切換Android和IOS預覽模式

 

Q鍵:退出調試預覽模式

最后說明一下,除了移動端的開發,本人還經常開發服務端和web前端,最后請允許打個廣告鄭州網站建設:http://www.cnwtn.com


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM