Flutter入門教程(三)教你如何實現VSCode高效開發

来源:https://www.cnblogs.com/libo-web/archive/2022/03/27/16065059.html
-Advertisement-
Play Games

一、前言 在上一篇文章中,介紹了Flutter的開發環境搭建流程,創建並運行成功一個flutter項目,用戶界面呈現也通過Android虛擬機實現線上查看效果。 但是對於一個前端來說,用 VS Code 編輯器的同學肯定很多,第一次接觸Flutter開發對於Android Studio 編輯器可能不 ...


一、前言

在上一篇文章中,介紹了Flutter的開發環境搭建流程,創建並運行成功一個flutter項目,用戶界面呈現也通過Android虛擬機實現線上查看效果。

但是對於一個前端來說,用 VS Code 編輯器的同學肯定很多,第一次接觸Flutter開發對於Android Studio 編輯器可能不太熟悉,有些同學可能就會想可不可以使用VSCode來開發,這裡我想說完全可以的。甚至用VSCode開發比Android Studio性能更高:

從任務管理器查看進程可以看出,我們使用VSCode占用記憶體明顯比Android Studio少,所以VSCode也是一個不錯的選擇,下麵就來為大家講解如何使用VSCode編寫我們的Flutter代碼,並且也能通過虛擬機查看實時效果!

二、安裝插件

 VSCode下載地址:https://code.visualstudio.com

下載好VSCode編輯器後,打開主界面,在應用商店中搜索flutter點擊安裝:

flutter插件安裝成功後應該會自動安裝dart插件,如果沒有自動安裝的同學,可以自己動手搜索並安裝,安裝成功我們重啟VSCode

導入我們事先創建好的flutter項目,我們可以看到左側會多了一個flutter的logo圖標:

這可以讓我們的項目代碼結構一目瞭然,是不是很nice

三、配置虛擬機

通過VSCode編寫flutter,我們不可能打開Android Studio編輯器查看效果吧,這顯然是不科學的,這我還不如直接在Android Studio中編寫呢,所以在這裡我們需要創建一個bat命令,執行批處理文件來喚起我們的模擬器。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 我突然很好奇,你說那些什麼18幾年的茅臺真的是18幾年就開始釀的嗎?還有就是一個月要賣那麼多,貨是怎麼供過來的?最後就是,一瓶那麼貴,那一個月賺多少?好多的疑問啊,就用Python揭開神秘的面紗吧。 如圖1所示是網易財經展示的貴州茅臺股票的歷史交易數據。 單擊“下載數據”超鏈接,會彈出如圖2所示的對 ...
  • 很快啊Spring Authorization Server又發新版本了,現在的版本是0.2.3。本次都有什麼改動呢?我們來瞭解一下。 0.2.3版本特性 本次更新的新特性不少。 為公開客戶端提供預設的設置 根據RFC6479,包含授權碼(authorization_code)授權並且客戶端認證方式 ...
  • 1.現實中的問題 我們知道資料庫的數據,基本80%的業務是查詢,20%的業務涵蓋了增刪改,經過長期的業務變更和積累資料庫的數據到達了一定的數量之後,直接影響的是用戶與系統的交互,查詢時的速度,插入數據時的流暢度,系統的可用性,這些指標對用戶體驗都是會有影響的,不說用戶,你自己用是什麼感覺?我經歷過且 ...
  • 痞子衡嵌入式半月刊: 第 51 期 這裡分享嵌入式領域有用有趣的項目/工具以及一些熱點新聞,農曆年分二十四節氣,希望在每個交節之日準時發佈一期。 本期刊是開源項目(GitHub: JayHeng/pzh-mcu-bi-weekly),歡迎提交 issue,投稿或推薦你知道的嵌入式那些事兒。 上期回顧 ...
  • #前言 ####之前在知乎閑逛看有意思的項目的時候,發現一個前輩曾做過一個在滑鼠周圍隨機生成愛心的小程式,閑來無聊實現了一版隨機生成彩色小球的(因為沒有女朋友,只是練練手)。最近疫情在網上撩了一個小妹妹,她知道這個程式之後,讓我給她做一個“格桑花”版的。我想著應該差不多,就改了改代碼。好感度+1(不 ...
  • 在 Ubuntu 下交換Alt和Ctrl鍵: sudo vim /usr/share/X11/xkb/keycodes/evdev 或者用系統預設編輯器打開: sudo xdg-open /usr/share/X11/xkb/keycodes/evdev 然後找到LALT和LCTL所在的行,它們的默 ...
  • 概述 1. Mycat 是什麼? Mycat 是資料庫中間件,連接 Java 應用程式和資料庫,它的作用如下: 讀寫分離 數據分片:垂直拆分(分庫)、水平拆分(分表)、垂直+水平拆分(分庫分表) 多數據源整合 2. Mycat 原理 Mycat 攔截了用戶發送過來的 SQL 語句,首先對 SQL 語 ...
  • Mysql8 安裝失敗 第一次安裝失敗 Windows Server 2012 首先是使用mysql的最新安裝包去安裝, 但是安裝包在執行到 starting mysql server 時,就卡住不動了。 手動去服務中啟動 顯示無法啟動服務 helpmsg 3534 原因不詳! 第二次安裝 由於客戶 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...