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

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

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都網(wǎng)站建設、成都做網(wǎng)站、萬山網(wǎng)絡推廣、小程序開發(fā)、萬山網(wǎng)絡營銷、萬山企業(yè)策劃、萬山品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供萬山建站搭建服務，24小時服務熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

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

版本問題 -- 自行查找對應版本

修改 yaml 文件中的版本知道運行成功?；蛘咧苯痈某蒩ny，從lock文件中找到真正版本再修改yaml中的文件

Flutter2.0初體驗(Web支持)

常規(guī)操作，就是使用android studio編輯器，F(xiàn)lie--New--New Flutter Project

一路直接Next+Finish ，項目就創(chuàng)建成功了。

常規(guī)的運行到手機或者模擬器上就不說了，下面說下運行到web瀏覽器上。

如上圖，選擇最后一個是手機真機調試，選擇Chome或者Edge都可以運行到web瀏覽器中，選擇好后點擊綠色運行按鈕。

flutter 打包web

先運行下,看當前flutter 是否支持web項目, 如果沒有enable-web: true 則輸入 flutter config --enable-web

這時候項目中就包含了web文件夾.

輸入 flutter build web 就可以在build文件夾中生成web文件, 將它放到到tomcat或者其他容器就能訪問了!

附上項目的測試連接:

參考：