1.前言

大家好，我是 BNTang，今天給大家介紹一下 Flutter 的開發(fā)環(huán)境搭建。在之前我已經(jīng)將 Dart 的基本語(yǔ)法給大家介紹了，所以今天就不再介紹 Dart 的基本語(yǔ)法了，直接進(jìn)入 Flutter 的開發(fā)環(huán)境搭建。

2.安裝 Java SDK

Java SDK 下載地址：https://www.oracle.com/cn/java/technologies/downloads/#jdk17-windows

配置環(huán)境變量：

如上其實(shí)就是將 Java SDK 的 bin 目錄添加到環(huán)境變量中，這樣我們就可以在任意目錄下使用 Java 命令了。

如果對(duì)安裝 Java SDK 有疑問的話，可以參考我之前寫的一篇文章：『Java』Java 環(huán)境搭建

配置完畢了之后，我們可以在命令行中輸入 java -version 來查看 Java SDK 的版本：

3.安裝 Flutter SDK

Flutter SDK 下載地址：https://docs.flutter.dev/get-started/install/windows/desktop?tab=download

下載完成之后，解壓到任意目錄下，然后將 Flutter SDK 的 bin 目錄添加到環(huán)境變量中：

4.安裝 Android Studio

Android Studio 下載地址：https://developer.android.com/studio?hl=zh-cn

除了這種方式還可以通過 Toolbox App 來安裝 Android Studio:

如果是通過鏈接的方式下載的，就自行雙擊安裝包運(yùn)行起來，一頓 Next，如果出現(xiàn)了如下界面，就點(diǎn)擊 Cancel 取消：

選擇 Custom，點(diǎn)擊 Next：

接受許可：

靜靜的等待安裝完畢即可。

!!!推薦從官網(wǎng)下載，先不用 Toolbox App，2023-12-31 16:17:46 經(jīng)過測(cè)試，Toolbox App 安裝的 Android Studio 也是可以的。所以大家可以根據(jù)自己的喜好來選擇。

5.配置 Android Studio

5.1.安裝 Flutter 插件和 Dart 插件

5.2.其它配置

6.用 Android Studio 創(chuàng)建一個(gè) Flutter 項(xiàng)目

配置一下 Flutter SDK：

然后點(diǎn)擊 Next：

原生平臺(tái)開發(fā)語(yǔ)言我這里 Android language 與 IOS language 分別選擇比較老的 Java 與 O C

點(diǎn)擊 create 創(chuàng)建項(xiàng)目即可。

如下是我創(chuàng)建第一個(gè) Flutter 的基本配置參考即可：

6.1.安裝設(shè)備管理器

點(diǎn)擊 start 按鈕即可，如果你運(yùn)行起來發(fā)現(xiàn)比較小，你可以參考我下面推薦的配置，單獨(dú)運(yùn)行一個(gè)窗口來展示設(shè)備：

然后將設(shè)備管理器停了，在重新運(yùn)行效果如下：

6.2.運(yùn)行第一個(gè) Flutter 項(xiàng)目

設(shè)備管理器安裝好了之后，并且運(yùn)行過之后，編輯器工具欄的 run 按鈕就可以點(diǎn)擊了，點(diǎn)擊一下運(yùn)行我們的 Flutter 項(xiàng)目，如下圖：

耐心等待運(yùn)行起來即可，第一次運(yùn)行需要點(diǎn)時(shí)間：

閉坑指南

[!] Network resources X A network error occurred while checking “https://github.com/“:信號(hào)燈超時(shí)時(shí)間已到

在 flutter doctor 過程中出現(xiàn)將以下全部復(fù)制粘貼 C:\Windows\System32\drivers\etc\hosts 里面保存:

192.30.253.113    github.com
 
192.30.252.131 github.com
 
185.31.16.185 github.global.ssl.fastly.net
 
74.125.237.1 dl-ssl.google.com
 
173.194.127.200 groups.google.com
 
192.30.252.131 github.com
185.31.16.185 github.global.ssl.fastly.net
 
74.125.128.95 ajax.googleapis.com

192.30.255.112  github.com git
185.31.16.184 github.global.ssl.fastly.net 
192.30.253.112    github.com 
192.30.253.119    gist.github.com
151.101.184.133    assets-cdn.github.com
151.101.184.133    raw.githubusercontent.com
151.101.184.133    gist.githubusercontent.com
151.101.184.133    cloud.githubusercontent.com
151.101.184.133    camo.githubusercontent.com
151.101.184.133    avatars0.githubusercontent.com
151.101.184.133    avatars1.githubusercontent.com
151.101.184.133    avatars2.githubusercontent.com
151.101.184.133    avatars3.githubusercontent.com
151.101.184.133    avatars4.githubusercontent.com
151.101.184.133    avatars5.githubusercontent.com
151.101.184.133    avatars6.githubusercontent.com
151.101.184.133    avatars7.githubusercontent.com
151.101.184.133    avatars8.githubusercontent.com

再次運(yùn)行 flutter doctor -v:

Visual Studio - develop for Windows

Visual Studio not installed; this is necessary for Windows development:未安裝Visual Studio；這是Windows開發(fā)所必需的。

安裝地址：https://visualstudio.microsoft.com/zh-hans/downloads/

End

• ??如果您對(duì)本文有任何疑問或想法，請(qǐng)?jiān)谠u(píng)論區(qū)留言，我將很樂意與您交流。
• ??您的每一條評(píng)論對(duì)我都至關(guān)重要，我會(huì)盡快給予回復(fù)。
• ??如果您覺得這篇文章對(duì)您有所啟發(fā)或幫助，請(qǐng)不吝贊賞、收藏或分享。
• ??您的每一個(gè)動(dòng)作都是對(duì)我創(chuàng)作的最大鼓勵(lì)和支持。
• ??謝謝您的閱讀和陪伴！

總結(jié)

以上是生活随笔為你收集整理的『Flutter』开发环境搭建的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。