【Flutter 1-4】Windows下VSCode配置Flutter開發環境

VSCode是什麼

Visual Studio Code(簡稱VS Code)是一個由微軟開發,同時支持Windows 、 Linux和macOS等操做系統的免費代碼編輯器,它支持測試,並內置了Git 版本控制功能,同時也具備開發環境功能,例如代碼補全(相似於 IntelliSense)、代碼片斷和代碼重構等。該編輯器支持用戶個性化配置,例如改變主題顏色、鍵盤快捷方式等各類屬性和參數,同時還在編輯器中內置了擴展程序管理的功能。VSCode一樣支持Flutter開發,在個人平常開發中會更多的使用VSCode,而不是Android Studio。
<!--more-->編輯器

下載和安裝VSCode

打開VSCode官方網站
2020_10_09_download_vscode
下在完成後雙擊exe文件進行安裝並打開。
打開後找到Extensions或使用快捷鍵Ctrl+Shift+X打開擴展中心。
在擴展中心輸入flutter,顯示的第一個即是咱們要安裝的Flutter擴展程序,點擊安裝。
2020_10_09_vscode_flutteride

新建項目

安裝完成以後依次點擊View->Command Palette...(或者是使用快捷鍵Ctrl+Shift+P)
2020_10_09_vscode_command
在彈出的輸入框中輸入關鍵字flutter而後回車,選擇項目要保持的目錄,輸入項目名稱就能夠了。
2020_10_09_vscode_new_flutter
注意:建立項目完成以後,VSCode會幫助咱們來安裝Dart語言相關的依賴。
這樣咱們在VSCode下配置Flutter環境就算完成了。測試

視頻教程

https://www.bilibili.com/vide...網站


公衆號

相關文章
相關標籤/搜索