安裝前，請(qǐng)配置好你的jdk環(huán)境，準(zhǔn)備好你的梯子~

安裝Dart SDK

淺淺了解一下Dart：

Dart 誕生于2011年，是由谷歌開發(fā)的一種強(qiáng)類型、跨平臺(tái)的客戶端開發(fā)語(yǔ)言。Dart是一種簡(jiǎn)潔、清晰、基于類的面向?qū)ο蟮恼Z(yǔ)言，具有專門為客戶端優(yōu)化、高生產(chǎn)力、快速高效、可移植（兼容ARM/x86）、易學(xué)的OO編程風(fēng)格和原生支持響應(yīng)式編程（Stream & Future）等優(yōu)秀特性。它是基于JavaScript的，但是結(jié)構(gòu)比JavaScript多。
Dart SDK官網(wǎng)：Dart SDK官網(wǎng)

安裝步驟：

1、在獲取Dart SDK我們可以看到可以通過(guò)命令行和安裝包兩種方式來(lái)安裝Dart SDK（使用命令行會(huì)默認(rèn)安裝到C盤），我是直接下載安裝包的：

這個(gè)安裝包的下載鏈接是需要自己拼的，官網(wǎng)上有說(shuō)明。

下載解壓完之后，就是這樣一個(gè)文件夾，我放在D盤里了：

2、配置Dart SDK環(huán)境：windows搜索【查看高級(jí)系統(tǒng)設(shè)置】—>【環(huán)境變量】—>【用戶變量】—>【path】路徑配置到dart-sdk文件夾下的bin目錄

3、【windows+R】打開黑窗口，通過(guò)dart --version查看是否安裝成功。

4、建議在VS code編譯器中安裝兩個(gè)插件，方便開發(fā)使用：

安裝Android Studio

1、由于我之前安裝Android Studio的時(shí)候沒有保存步驟圖，所以給大家找了一篇詳細(xì)的安裝教程：
Android Studio 安裝配置教程 - Windows(詳細(xì)版)

2、安裝完之后，需要裝兩個(gè)插件，方便開發(fā)使用：

安裝Flutter

淺淺了解一下Flutter：

Flutter是谷歌的移動(dòng)UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。

• 具有跨平臺(tái)開發(fā)特性，目前已經(jīng)支持IOS、Android、Web、Windows、macOS、Linux等；
• 熱重載特性大大提高了開發(fā)效率；
• 自繪UI引擎和編譯成原生代碼的方式，使得系統(tǒng)的運(yùn)行時(shí)的高性能成為了可能；
• 使用Dart語(yǔ)言，目前已經(jīng)支持同時(shí)編譯成Web端代碼。

Flutter官網(wǎng)：Flutter官網(wǎng)

安裝步驟：

1、在Flutter安裝中，選擇你要安裝的系統(tǒng)，我安裝的是Windows版本：

解壓完壓縮包之后是這個(gè)樣子，我放在D盤里了：

2、配置Flutter SDK環(huán)境：windows搜索【查看高級(jí)系統(tǒng)設(shè)置】—>【環(huán)境變量】—>【系統(tǒng)變量】—>【path】路徑配置到flutter文件夾下的bin目錄

3、【windows+R】打開黑窗口，通過(guò)flutter --version查看是否安裝成功。

4、在中國(guó)使用 Flutter需要配置Flutter鏡像站點(diǎn)：windows搜索【查看高級(jí)系統(tǒng)設(shè)置】—>【環(huán)境變量】—>【系統(tǒng)變量】—>新建環(huán)境

5、【windows+R】打開黑窗口，運(yùn)行flutter doctor命令檢測(cè)環(huán)境是否配置成功。第一次執(zhí)行此命令可能會(huì)出現(xiàn)以下情況：

【問(wèn)題一】：Unable to locate Android SDK-無(wú)法找到Android SDK，因此我們需要去配置

（1）打開Android Studio，找到SDK Manager：

（2）找到Android SDK，勾選一下內(nèi)容：

勾選完之后，點(diǎn)擊確定。

（3）在Android SDK文件夾下找到platform-tools和tools兩個(gè)文件路徑，windows搜索【查看高級(jí)系統(tǒng)設(shè)置】—>【環(huán)境變量】—>【用戶變量】—>【path】添加兩個(gè)路徑的配置。

（4）之后再執(zhí)行flutter doctor會(huì)出現(xiàn)下面的警告，不要慌，我們根據(jù)警告提示，執(zhí)行flutter doctor --android-licenses ，執(zhí)行時(shí)會(huì)彈出(y/N)的選項(xiàng)，一直輸入y就行。

（5）此時(shí)再執(zhí)行flutter doctor會(huì)發(fā)現(xiàn)，Android SDK的問(wèn)題就解決了。

【問(wèn)題一】：Visual Studio not installed-Windows應(yīng)用程序未安裝Visual Studio，這對(duì)于開發(fā)windows應(yīng)用程序是必要的。（如果只開發(fā)app的話，完全可以不用安裝Visual Studio，但是如果需要進(jìn)行桌面應(yīng)用開發(fā)，就需要安裝Visual Studio了）

（1）下載Visual Studio：下載Visual Studio，我安裝的是社區(qū)版。

（2）安裝成功之后會(huì)進(jìn)入到這個(gè)頁(yè)面，勾選這兩個(gè)選項(xiàng)（安裝之前，請(qǐng)確認(rèn)你要安裝的路徑，如果C盤內(nèi)存不夠，請(qǐng)慎重?。?/p>

（3）點(diǎn)擊安裝（這個(gè)過(guò)程真的巨慢~~~）

（4）安裝成功之后，再執(zhí)行flutter doctor，就沒問(wèn)題啦！

在Android Studio中創(chuàng)建并運(yùn)行Flutter項(xiàng)目

1、打開Android Studio，點(diǎn)擊New Flutter Project—>Flutter—>確認(rèn)Flutter SDK路徑

（2）根據(jù)你的需求進(jìn)行項(xiàng)目創(chuàng)建

（3）項(xiàng)目創(chuàng)建成功之后，在終端執(zhí)行flutter run來(lái)運(yùn)行。

（4）也可以連接安卓手機(jī)，進(jìn)行真機(jī)調(diào)試：設(shè)備上啟用 開發(fā)人員選項(xiàng) 和 USB調(diào)試，用數(shù)據(jù)線連接電腦和安卓手機(jī)；在終端，運(yùn)行 flutter devices 命令以驗(yàn)證Flutter識(shí)別您連接的Android設(shè)備；執(zhí)行flutter run來(lái)運(yùn)行程序。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-736537.html

到了這里，關(guān)于【window10】Dart+Android Studio+Flutter安裝及運(yùn)行的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！