vscode 中flutter找不到模擬器

記錄一個學(xué)習(xí)flutter中的小問題。

主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機版網(wǎng)站建設(shè)）、響應(yīng)式網(wǎng)站開發(fā)、程序開發(fā)、微網(wǎng)站、微信小程序定制開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運作于一體，具備承接不同規(guī)模與類型的建設(shè)項目的能力。

我使用的是mac電腦開始學(xué)習(xí)flutter。在使用vs code中突然找不到模擬器了。 直接走web調(diào)試或者真機調(diào)試，在vscode上也找不到選擇模擬器的地方。

查找問題：

1.執(zhí)行flutter doctor。發(fā)現(xiàn)找不到fluterr的命令了。很明顯是flutter的環(huán)境變量沒設(shè)置進去。很神奇明明前面一直在使用。

2.打印環(huán)境變量

果然沒有。突然記起我安裝fluter的時候圖方便直接執(zhí)行的

來添加環(huán)境變量的。flutter官網(wǎng)上有說明這個只能暫時針對當(dāng)前命令行窗口設(shè)置PATH環(huán)境變量。然后還是老老實實的去～/.bash_profile中設(shè)置了環(huán)境變量。果然運行良好。

Flutter 之 文件操作（二十九）

Dart的 IO 庫包含了文件讀寫的相關(guān)類，它屬于 Dart 語法標(biāo)準(zhǔn)的一部分，所以通過 Dart IO 庫，無論是 Dart VM 下的腳本還是 Flutter，都是通過 Dart IO 庫來操作文件的，不過和 Dart VM 相比，F(xiàn)lutter 有一個重要差異是文件系統(tǒng)路徑不同，這是因為Dart VM 是運行在 PC 或服務(wù)器操作系統(tǒng)下，而 Flutter 是運行在移動操作系統(tǒng)中，他們的文件系統(tǒng)會有一些差異。

Android 和 iOS 的應(yīng)用存儲目錄不同， PathProvider 插件提供了一種平臺透明的方式來訪問設(shè)備文件系統(tǒng)上的常用位置。該類當(dāng)前支持訪問兩個文件系統(tǒng)位置：

File代表一個整體的文件,他有三個構(gòu)造函數(shù)，分別是：

文件讀取本身有兩種形式，一種是文本，一種是二進制。

2.2.1 讀取文本內(nèi)容

如果是文本文件，F(xiàn)ile提供了readAsString、readAsLines、readAsStringSync、readAsLinesSync方法，讀取文本內(nèi)容

readAsString 一次性讀取所有文本

readAsLines 一行行的讀取文本

結(jié)果返回的是一個List，list中表示文件每行的內(nèi)容

readAsStringSync、readAsLinesSync同步讀取文本

2.2.2 讀取二進制內(nèi)容

如果文件是二進制，那么可以使用readAsBytes或者同步的方法readAsBytesSync:

dart中表示二進制有一個專門的類型叫做Uint8List,他實際上表示的是一個int的List。

上面提到的讀取方式，都是一次性讀取整個文件，缺點就是如果文件太大的話，可能造成內(nèi)存空間的壓力。

所以File為我們提供了另外一種讀取文件的方法，流的形式來讀取文件.

示例

dart提供了open和openSync兩個方法來進行隨機文件讀寫：

寫入和文件讀取一樣，可以一次性寫入或者獲得一個寫入句柄，然后再寫入。

一次性寫入的方法有四種，分別對應(yīng)字符串和二進制

句柄形式可以調(diào)用openWrite方法，返回一個IOSink對象，然后通過這個對象進行寫入：

默認(rèn)情況下寫入是會覆蓋整個文件的，但是可以通過下面的方式來更改寫入模式：

雖然dart中所有的異常都是運行時異常，但是和java一樣，要想手動處理文件讀寫中的異常，則可以使用try,catch:

我們還是以計數(shù)器為例，實現(xiàn)在應(yīng)用退出重啟后可以恢復(fù)點擊次數(shù)。 這里，我們使用文件來保存數(shù)據(jù)：

1.引入PathProvider插件；在pubspec.yaml文件中添加如下聲明：

執(zhí)行 flutter pub get

2.實現(xiàn)如下

參考：

Flutter Web打包中文亂碼

flutter web有三種渲染模式，auto 、html 和 canvaskit。

flutter build web命令默認(rèn)的渲染模式為auto，這種模式在移動端使用html渲染，在pc端使用canvaskit渲染。

目前我的flutter版本是2.5.2，pc端瀏覽器使用canvaskit渲染時中文會出現(xiàn)短暫的亂碼（方塊叉號），像這樣：

我們可以指定渲染模式為html，就不會有這個問題了，命令如下：

指定渲染模式為canvaskit的命令為：

2021.10.21：flutter web對中文的支持貌似不太好，在手機瀏覽器調(diào)試web項目時，textfield hinttext有中文輸入會有卡頓bug