Flutter配置編輯器:VS Code

Flutter 集合http://www.itdecent.cn/p/875a846cf26b

下載VS Cose:https://code.visualstudio.com/Download
啟動VS Code,下載flutter插件

安裝Flutter插件
1、啟動 VS Code
2、調(diào)用 View>Command Palette…
3、輸入 ‘install’, 然后選擇 Extensions: Install Extension action
4、在搜索框輸入 flutter , 在搜索結(jié)果列表中選擇 ‘Flutter’, 然后點擊Install
5、選擇 ‘OK’ 重新啟動 VS Code

驗證Flutter插件是否安裝成功:

驗證是否安裝成功
1、啟動 VS Code
2、調(diào)用 View>Command Palette…
3、輸入'doctor',選擇'Flutter: Run Flutter Doctor'
4、查看窗口“output”下的打印信息,成功如下圖

image.png

小插曲,我第一次驗證的時候,VSCode彈出了一個框,意思是找不到flutter的庫,再檢查一下'output' 窗口打印的提示消息
1、根據(jù)圖中箭頭指向,將flutter的bin文件夾選中作為路徑
2、確認(rèn).bash_profile中添加的flutter路徑是真實路徑,不然不會找不到 export PATH=[真實路徑]/flutter/bin:$PATH,刷新source ~/.bash_profile

1416781-3ccf03807cfe50da.png
創(chuàng)建一個flutter app,項目名稱必須是小寫

創(chuàng)建一個flutter app,
1、啟動 VS Code
2、調(diào)用 View>Command Palette…
3、輸入'flutter',選擇'Flutter: New project', enter
4、在'Terminal'窗口中運行

VS Code項目界面
運行效果
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容