Flutter入門（3）：第一個(gè)flutter程序

運(yùn)行下方命令，如果提示 -bash: flutter: command not found，請檢查 PATH設(shè)置

目前成都創(chuàng)新互聯(lián)已為數(shù)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站托管運(yùn)營、企業(yè)網(wǎng)站設(shè)計(jì)、墊江網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

啟動模擬器后，使用以下命令檢測是否可用。不知道如何啟用模擬器的，可以去查看 模擬器配置方法

提示有可用設(shè)備時(shí)，使用以下命令運(yùn)行flutter應(yīng)用

注意 ：需要進(jìn)入到flutter應(yīng)用根目錄下，執(zhí)行 flutter run才有效，執(zhí)行成功后如下圖

打開testApp/lib/main.dart文件，如圖

在命令行中按照提示輸入 r 刷新模擬器頁面

Flutter-02編譯器選擇

1.打開 VS Code。

2.打開 查看 命令面板…。

3.輸入 “install”，然后選擇 擴(kuò)展: 安裝擴(kuò)展(就是點(diǎn)擊選擇第一行內(nèi)容)。

4.在擴(kuò)展搜索輸入框中輸入 “flutter”，然后在列表中選擇 Flutter 并單擊 安裝。此過程中會自動安裝必需的 Dart 插件。（選擇第一行并安裝）

5.退出然后重新啟動 VS Code。

1.打開 查看 命令面板…。

2.輸入 “doctor”，選擇 Flutter: Run Flutter Doctor。

3.打開 輸出 (OUTPUT) 面板查看是否有錯(cuò)誤，確保在不同的輸出選項(xiàng) (Output Options) 的下拉列表中選擇了 Flutter。

我們在上篇文章已經(jīng)用命令行創(chuàng)建了一個(gè) my_app 的flutter項(xiàng)目了，這里我們就可以使用 vscode 打開看看了

創(chuàng)建新項(xiàng)目 ，則是在命令面板輸 flutter , 選擇 Flutter: New Application Project

運(yùn)行項(xiàng)目 ，找到 VS Code 的狀態(tài)欄(窗口底部藍(lán)色的條)

1.打開 Android Studio。

2.打開插件設(shè)置（在 v3.6.3.0 以上的系統(tǒng)打開 Configure Plugins）。

這里需要先改一下網(wǎng)絡(luò)請求的設(shè)置

3.然后搜索Flutter 插件，選擇并點(diǎn)擊 安裝。

4.當(dāng)彈出安裝 Dart 插件提示時(shí)，點(diǎn)擊 Yes。

5.退出重新啟動編譯器，然后在編譯器主頁面就可以看到多了了 create new flutter project 可供選擇，代表flutter插件安裝成功，我們試著點(diǎn)擊來創(chuàng)建一個(gè)新項(xiàng)目。

命令行執(zhí)行flutter doctor無響應(yīng)原因追蹤及解決

??最近在學(xué)習(xí)Flutter開發(fā)，在一次配置環(huán)境的過程中遇到了一個(gè)比較尷尬的坑，不過最終還是把這個(gè)坑給填掉了，再此進(jìn)行一些分享，希望后來者遇到同樣的問題時(shí)可以輕松的解決。

??從下圖中可以看出，前面幾條 flutter doctor 命令執(zhí)行的時(shí)候總是未響應(yīng)，通過各種方式執(zhí)行都是一樣的結(jié)果，但是dart命令是能夠正常執(zhí)行。起初還以為是環(huán)境變量配置的有問題，但是后來把環(huán)境變量改了又改，并且把flutter包換了又換，但是現(xiàn)象一直未得到解決。

??遇到這種難題第一時(shí)間想到的便是百度，但是各種關(guān)鍵詞搜索了一番之后，竟然沒有找到一篇關(guān)于這種現(xiàn)象的解決方案，大部分都是flutter命令使用教程，如用 flutter doctor 去查看環(huán)境是否配置完成，或者通過 flutter doctor --android-licenses 命令去接受Android SDK的一些協(xié)議許可。

??后來，又嘗試了必應(yīng)和Google搜索，也無果之后，放棄了通過網(wǎng)絡(luò)尋求幫助解決的方法。

??由于只有flutter的命令執(zhí)行的時(shí)候無響應(yīng)，所以起初認(rèn)為是程序包有問題。于是通過再次解壓程序壓縮包和配置環(huán)境變量之后，問題仍然存在。

??隨后，判斷了不是程序包的問題之后開始去監(jiān)控應(yīng)用進(jìn)程的變化。

??到這里，可以猜到很可能是由于git導(dǎo)致的問題，但是先前安裝過flutter都沒有問題，這一次重裝系統(tǒng)之后就突然有問題了。所以就嘗試著把git軟件給刪除并重新安裝，然后奇跡的發(fā)現(xiàn)了 flutter doctor 命令可以正常執(zhí)行了。

??于是又倒退回去復(fù)現(xiàn)了一下問題，發(fā)現(xiàn)是安裝git的時(shí)候選項(xiàng)選的有問題導(dǎo)致了和flutter沖突。

??如下圖，選擇了 Use Window's default console window 的選項(xiàng)來安裝git軟件之后，git bash是直接用的window的命令窗口來執(zhí)行命令。正是因?yàn)檫x中了這個(gè)選項(xiàng)所以導(dǎo)致flutter命令無響應(yīng)的問題。

??所以如果你出現(xiàn)了和我一樣的問題可以嘗試重新安裝git軟件，并在這一步選擇 Use MinTTY 的選項(xiàng)來安裝。

??經(jīng)過不斷的試錯(cuò)，終于將這個(gè)問題解決了，flutter命令也可以正常執(zhí)行了。如圖，通過VSCode開發(fā)工具可以正常的執(zhí)行 flutter create hello_flutter 創(chuàng)建新的flutter項(xiàng)目。

??遇到問題要大膽試錯(cuò)，只要不斷的嘗試就會離問題的起因更近，最后找到解決問題的辦法。如果你的flutter遇到了相同的問題而又不是由于git導(dǎo)致的話，也可以通過類似的方式不斷試錯(cuò)并找到最終的解決方案。也歡迎各位同行可以在評論里分享自己解決問題的方法。

??樂于分享，共同進(jìn)步。

新建一個(gè)flutter項(xiàng)目，可以在ios上運(yùn)行，四步搞定！

1. 建立一個(gè)flutter項(xiàng)目的命令

2. 在ios文件夾下，生成pods文件夾

3. Xcode環(huán)境簽名設(shè)置；

把錯(cuò)誤的版本刪除再添加，可解決簽名錯(cuò)誤問題；必須先刪除再添加，直接修改可能不起作用。團(tuán)隊(duì)開發(fā)，必須使用團(tuán)隊(duì)的簽名。

4.運(yùn)行創(chuàng)建的flutter項(xiàng)目；

選擇真機(jī)、模擬機(jī)，點(diǎn)擊運(yùn)行按鈕，或使用命令運(yùn)行：

下面兩步是贈送的：

5.新加一款插件，所涉及的命令；

ios 端所涉及的命令

6. 剛更新的插件和已有的插件有沖突怎么辦？

可以試一試以下步驟：

Flutter項(xiàng)目遇到的問題及解決方法記錄

問題原因:版本大小原因

解決方案:點(diǎn)擊ios文件夾-點(diǎn)擊podfile修改如下(親測實(shí)用已解決)

解決方案:

刪除IOS工程中的Podfile.lock文件,重新pod install(繼續(xù)執(zhí)行Flutter run操作)即可解決。

問題原因：沒有配置safety相關(guān)

解決方案：可以直接在命令行中執(zhí)行:

然后在Additional run args 這行鍵入一下命令即可。

問題原因：xcode版本更新導(dǎo)致的

解決方案：將爆紅處一行隱藏，運(yùn)行，點(diǎn)擊fix即可，會顯示正確位置就解決了。

解決方法:

1、找到第一個(gè)爆紅文件，將311行問號后面的Colors.white刪除即可

2、 在相同的文件夾內(nèi)找到第二個(gè)爆紅文件，找到106行，刪除super.addAllowedPoint這一行即可。

造成原因分析：還不清楚

群友幫助：經(jīng)常出現(xiàn)，重啟電腦多試試

解決方案：暫未找到

文章標(biāo)題：命令行構(gòu)建flutter,命令行建立文件
文章分享：http://chinadenli.net/article42/dsdsphc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、關(guān)鍵詞優(yōu)化、建站公司、網(wǎng)站營銷、營銷型網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站

廣告

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