1.獲取Flutter SDK
-
點(diǎn)擊下方的安裝包，獲取 stable 發(fā)行通道的 Flutter SDK 最新版本：Flutter SDK
-
將壓縮包解壓，然后把其中的
flutter目錄整個(gè)放在你想放置 Flutter SDK 的路徑中**（注意不要出現(xiàn)中文目錄）** -
配置Windows系統(tǒng)的環(huán)境變量，在用戶變量一欄中，在Path中添加
flutter\bin目錄的完整路徑。例如：
-
配置好環(huán)境變量后可打開電腦的cmd窗口，使用命令
flutter doctor
上述命令會(huì)檢查你的現(xiàn)有環(huán)境，并將檢測(cè)結(jié)果以報(bào)告形式呈現(xiàn)出來。仔細(xì)閱讀它顯示的內(nèi)容，檢查是否有尚未安裝的軟件或是有其他的步驟需要完成（通常會(huì)以粗體呈現(xiàn)）。
第一次安裝一般會(huì)出現(xiàn)下面的問題
[-] Android toolchain - develop for Android devices
? Android SDK at D:\Android\sdk
? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
? Try re-installing or updating your Android SDK,
visit https://flutter.cn/docs/setup/#android-setup for detailed instructions.
這是因?yàn)槲覀儧]有配置好對(duì)應(yīng)的Android 開發(fā)環(huán)境，接下來配置Android環(huán)境。
2.配置Android環(huán)境
-
下載并安裝 Android Studio。
-
運(yùn)行 Android Studio，并進(jìn)入設(shè)置，配置你想要運(yùn)行的Android SDK版本。
-
‘Android Studio Setup Wizard’，這會(huì)安裝最新的 Android SDK， Android SDK Platform-Tools 以及 Android SDK Build-Tools，這些都是在開發(fā) Android Flutter 應(yīng)用時(shí)所需要的。還需要安裝Android Emulator用來在vscode中啟動(dòng)安卓虛擬機(jī)。
-
運(yùn)行
flutter doctor確保 Flutter 已經(jīng)定位到了你的 Android Studio 的安裝位置。如果 Flutter 并未定位到，運(yùn)行flutter config --android-studio-dir <directory>設(shè)置你的 Android Studio 的安裝目錄。
3. 在Android Studio配置Android設(shè)備
3.1 進(jìn)入Device Manager配置安卓設(shè)備
3.2 創(chuàng)建安卓虛擬機(jī)
3.3 選擇x86 鏡像
3.4 配置硬件加速
3.5 啟動(dòng)模擬器
4.配置vscode
1.安裝 Flutter 和 Dart 插件
-
打開 VS Code。
-
打開 View > Command Palette…。
-
輸入「install」，然后選擇 Extensions: Install Extensions。
-
在擴(kuò)展搜索輸入框中輸入「flutter」，然后在列表中選擇 Flutter 并單擊 Install。此過程中會(huì)自動(dòng)安裝必需的 Dart 插件。
-
點(diǎn)擊 Reload to Activate 以重新啟動(dòng) VS Code。
或者直接在vscode左側(cè)點(diǎn)擊擴(kuò)展
-
安裝flutter庫(kù)即可（會(huì)自動(dòng)添加dart庫(kù)）
5. 新建flutter程序
創(chuàng)建應(yīng)用
-
打開 View > Command Palette。
-
輸入「flutter」，選擇 Flutter: New Project。
-
選擇 Application。
-
新建或選擇新項(xiàng)目將存放的上層目錄。
-
輸入項(xiàng)目名稱，例如
my_app，并點(diǎn)擊 Enter。 -
等待項(xiàng)目創(chuàng)建完成，并且
main.dart文件展現(xiàn)在編輯器中。
該命令會(huì)創(chuàng)建一個(gè)名為 myapp，里面包含一個(gè)簡(jiǎn)單的示例程序，里面用到了 Material 組件。
6.啟動(dòng)程序
1.選定啟動(dòng)哪個(gè)模擬器
文章來源：http://www.zghlxwxcb.cn/news/detail-495936.html
2. 啟動(dòng)
按F5或者右上角啟動(dòng)，可以看到模擬器正在調(diào)試初始代碼
文章來源地址http://www.zghlxwxcb.cn/news/detail-495936.html
到了這里，關(guān)于vscode配置flutter開發(fā)環(huán)境，不需要安裝第三方安卓模擬器的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![ubuntu 22.04配置開發(fā)環(huán)境 [Fcitx5中文輸入法+配置 & 遷移vscode & 安裝flameshot & 微信 & mysql &workbench & yarn工具 & zsh]](https://imgs.yssmx.com/Uploads/2024/01/810072-1.png)
