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項目界面

運行效果