flutter環(huán)境配置安裝終極教程

環(huán)境安裝流程

1. java環(huán)境
2. flutter sdk
3. android SDK
4. androidstudio
5. dart sdk
6. vscode

除了最后一個(gè)vscode是可選，其他幾個(gè)是必須安裝，缺一個(gè)都跑不起來(lái)。我們主要梳理一下下載安裝這些東西中存在的坑。

一.java環(huán)境配置

? 我們第一步需要先配置java環(huán)境，沒(méi)配的看看，看過(guò)的已經(jīng)可以去下面了。

首先第一步下jdk，傳送門：https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

這里面存在一個(gè)問(wèn)題，因?yàn)榘姹締?wèn)題，配置環(huán)境會(huì)有一些差別，老版本需要配jre新版只用jdk，大家下載的時(shí)候盡量逮jdk8或者8以上的版本下。而且在配置環(huán)境的時(shí)候，上網(wǎng)找教程盡量找年代比較進(jìn)的教程，那樣版本應(yīng)該和你的比較一致，如果太遠(yuǎn)的容易出問(wèn)題。包括下載jdk的網(wǎng)站都變了，筆者下載的時(shí)候是個(gè)老網(wǎng)站，現(xiàn)在已經(jīng)換新了。找下載的地方一開(kāi)始都沒(méi)找到。

jdk下好之后是配環(huán)境，沒(méi)配過(guò)環(huán)境的同學(xué)自己動(dòng)手配一下，除了java，后面flutter也要配，很麻煩。具體安裝推薦這個(gè)博主的：

https://blog.csdn.net/qq_41436122/article/details/82620080?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.channel_param

安裝下載jdk的時(shí)候一定要看好自己的版本和教程的版本，免得出錯(cuò)。

配好之后測(cè)一下

java _version

java

二 .flutterSDK

先掛一下官方地址，大家去這個(gè)地方下載

https://flutterchina.club/setup-windows/

如果打不開(kāi)，直接百度搜索flutter，找中文社區(qū)，在哪里面找下載也行

找到了之后先根據(jù)官方教程配鏡像

隨后，跟配置java環(huán)境一樣打開(kāi)環(huán)境變量

這時(shí)候我們要分清，一個(gè)是用戶變量，一個(gè)是系統(tǒng)變量，我們把鏡像地址要扔到用戶變量里。如果不配鏡像，會(huì)出問(wèn)題，所以大家先配鏡像。

然后配好了之后可以下載flutterSDK了

新手建議點(diǎn)第一個(gè)，如果有g(shù)ithub第二個(gè)也行。這個(gè)下載鏈接似乎被墻了，如果有大學(xué)生，聯(lián)系一下自己認(rèn)識(shí)的老師，用大學(xué)的專用網(wǎng)能打開(kāi)，如果不是，只能自己搭梯子了（或者換個(gè)鏡像試試，我沒(méi)試過(guò)）。

下載好了之后，打開(kāi)下載好的文件，找到bin目錄,配置文件。

拷貝一下bin的路徑，配置在path環(huán)境變量中

就跟java一樣，把路徑放底下就行

放好之后測(cè)一下，有的電腦可能反應(yīng)慢，等一會(huì)：

然后找flutter_console

點(diǎn)一下

再測(cè)一下flutter doctor

目前第一行綠了就行，說(shuō)明sdk搞好了

三.android sdk

然后再安卓sdk

安裝Android的SDK環(huán)境可以去這
網(wǎng)站地址：
https://www.androiddevtools.cn/

android sdk tools .24.4.1下安裝包或者壓縮包都行。下載好解壓到除c盤外的盤里。

下載好了打開(kāi)
找sdk Manager,打開(kāi)是一個(gè)目錄，可能會(huì)閃退，我也不知道為啥。

打開(kāi)是一個(gè)目錄，在那一堆包里，先取消掉所有對(duì)勾，然后照著我這個(gè)打勾，選這幾個(gè)包就行。選多了搞不好一次下10幾個(gè)G，直接原地裂開(kāi)。選好之后右下角下載(install…)，下載時(shí)候記得點(diǎn)接受證書(shū)（Accept license）。

四.android studio

有的同學(xué)問(wèn)我，為啥要下個(gè)android studio，用vscode不行嗎，我只能說(shuō)，沒(méi)這玩意真不行。遇上的神奇報(bào)錯(cuò)都要用這個(gè)解決。

我們先說(shuō)第一個(gè)錯(cuò)（我的已經(jīng)修好了，所以沒(méi)圖）

Android license not accepted.

沒(méi)有安卓證書(shū)，怎么辦。運(yùn)行這個(gè)flutter doctor --android-licenses

好開(kāi)始經(jīng)典無(wú)法理解命令，輸入這個(gè)還報(bào)錯(cuò)Android license status unknown怎么辦。無(wú)法理解命令，需要安裝幾個(gè)插件

打開(kāi)android studio,

點(diǎn)那一行圖標(biāo)里面，小手機(jī)旁邊的滔博標(biāo)志
注意幾個(gè)地方

這里選自己sdk的路徑，打開(kāi)SDK Tool選這幾個(gè)包，都勾上，下載。

如果還有這個(gè)問(wèn)題：Flutter requires Android SDK 28 and the Android BuildTools 28.0.3.

你需要下載：

打開(kāi)SDK Platforms,下載這個(gè)：

再下載

升級(jí)一下android manager

/Users/***/Android/sdk/tools/bin/sdkmanager --update,路徑在自己android sdk bin目錄下

重新flutter doctor看看

第一個(gè)和第二個(gè)對(duì)勾綠了就好了。

五.Dart sdk

目前版本的flutter以及包含了完整的dartSDK，無(wú)需專門下載了

六.vscode

在vscde里下載dart和flutter插件，下載好就ok了