4. VS Code創(chuàng)建flutter項目

如果和我一樣，用慣了VS Code來開發(fā)項目的話，那就跟我一起來配置一下如何在VS Code里運(yùn)行flutter項目。

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比長豐網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式長豐網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋長豐地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。

1.在VS Code里安裝擴(kuò)展：

2.在VScode上打開打開終端，快捷鍵：Ctrl+~（Tab上一個鍵），在終端上輸入：flutter create flutter_app02，即可創(chuàng)建完成！

也可以把之前的項目放到工作區(qū)

3.在終端中運(yùn)行命令：flutter run

運(yùn)行的時候你會發(fā)現(xiàn)手機(jī)提示你安裝個app，點(diǎn)擊安裝完成，項目就在手機(jī)上顯示了，下圖是運(yùn)行成功的提示。

下圖是手機(jī)效果：

如果報錯的話，運(yùn)行下清緩存的命令：flutter clean，把文件夾.gradle刪掉，然后flutter run重新跑下項目。

flutter web（3) 快速創(chuàng)建web工程并運(yùn)行

如果沒有輸出可能原因有兩個

1.我們使用 vscode ## vs code支持的額很好。

版本問題 -- 自行查找對應(yīng)版本

修改 yaml 文件中的版本知道運(yùn)行成功。或者直接改成any，從lock文件中找到真正版本再修改yaml中的文件

Flutter:快速創(chuàng)建簡單閃屏頁

近來閑暇時間一直在做Flutter,閃屏頁是一個比較常見的需求,網(wǎng)上的閃屏頁教程大部分是那種類似于廣告頁,而非iOS中的 LaunchScreen 性質(zhì)的閃屏頁.按照原來的方案我們要配置閃屏頁的話,我們需要同時配置兩端的閃屏頁,那么有沒有比較簡單的方案來配置閃屏頁呢? 毋庸置疑,當(dāng)然是有了,那就是Flutter的插件 - flutter_native_splash . 接下來我們就來看一下具體應(yīng)該怎么使用這個插件.

首先把 flutter_native_splash 導(dǎo)入到工程的 pubspec.yaml 中.這里需要注意的是需要放在 dev_dependencies 下,而不是 dependencies .具體如下所示.

接下來我們就來配置 flutter_native_splash ,在配置之前我們看一下 flutter_native_splash 的可配置項.

例如,我現(xiàn)在只有一個logo圖片,那么我想生成iOS和android兩端的閃屏頁,這時候我只需在 pubspec.yaml 如下設(shè)置即可.

當(dāng)然了,如果你有其他配置可以自行進(jìn)行添加.

配置完成了,我們該如何生成呢?這時候需要我們打開終端 cd 到我們的工程目錄下.如果是Android Studio 或者 VSCode 默認(rèn)就是在當(dāng)前工程目錄下.

然后我們需要執(zhí)行下面的三個命令來生成閃屏頁

每一次都敲三個命令實(shí)屬麻煩,我們把上訴的三個命令整合成一個命令,如下所示.

那么,我們不想使用該插件生成的閃屏頁該怎么辦呢?我們只需要執(zhí)行下面命令即可.

注:每一次更換圖片都是需要重新執(zhí)行命令重新生成.

OK,上面就是關(guān)于 flutter_native_splash 的使用全部內(nèi)容,其實(shí)比較簡單,如果需要定制化的,建議還是各自平臺配置各自的閃屏頁.如果有任何問題歡迎在評論區(qū)批評指導(dǎo),感謝大家了.

Flutter之旅 02 - 創(chuàng)建第一個項目

Flutter項目可以用三種方式開發(fā)：

可以根據(jù)自己的需求選擇，由于之前一直做iOS開發(fā)，也做過RN項目開發(fā)，Mac上裝過Android Studio 和 其他安卓模擬器 Genymotion ，所以我選擇Android Studio開發(fā)工具，之前裝的版本 3.0.1 比較老了，所以進(jìn)行了升級 3.4 。

體驗(yàn)Flutter

PS：第一次創(chuàng)建項目可以成功，之后再執(zhí)行這一步操作創(chuàng)建新的Flutter項目時，一直卡住，重啟過很多次Android Studio一直都是這樣，后面查詢資料，發(fā)現(xiàn)自己沒有同意使用 android-licenses ，可以通過下列命令驗(yàn)證，第一步，先驗(yàn)證：

第一步檢測結(jié)果，發(fā)現(xiàn)是需要同意 android-licenses ：

第二步執(zhí)行同意命令，操作時會有很多個 android-licenses 需要同意：

第二步檢測結(jié)果：

第三步再次驗(yàn)證，當(dāng)?shù)玫揭韵陆貓D中結(jié)果時，代表所有環(huán)境配置已經(jīng)完成：

上述命令創(chuàng)建一個Flutter項目，項目名為 myapp ，在項目目錄中，有安卓和iOS兩個項目目錄。

Android Studio中會列出所有已經(jīng)連接了電腦的設(shè)備，包括安卓和iPhone。如果想在模擬器上運(yùn)行，下面可以選擇對應(yīng)的模擬器，如圖：

PS：如果想在模擬器上運(yùn)行，需要先安裝一個模擬器，選擇Tools AVD Manager，如圖：

然后選擇Create Virtual Device，根據(jù)提示一步一步操作即可（建議翻墻條件下操作），添加完成后就可以在這個界面看到自己已經(jīng)添加的模擬器，點(diǎn)擊綠色的運(yùn)行按鈕，即可打開該模擬器：

本文標(biāo)題：flutter創(chuàng)建,flutter創(chuàng)建參數(shù)分配內(nèi)存
當(dāng)前地址：http://chinadenli.net/article37/dsepssj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、App開發(fā)、Google、搜索引擎優(yōu)化、全網(wǎng)營銷推廣、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)