Flutter 環(huán)境搭建教程

前言

在flutter 官網(wǎng)也有環(huán)境搭建的教程 ,我現(xiàn)在最近在學(xué)習(xí)flutter,所以就按照自己的安裝過程 整理一下環(huán)境搭建的整個(gè)流程 分享給大家

1 環(huán)境要求

win7或更高版本系統(tǒng)(64位)
至少400M的磁盤空間(不包含IDE)
Android Studio 3.0 及以上
Android 4.1(API 16)以上
jdk
flutter sdk
Android 模擬器

一、 電腦上面安裝配置 JDK

1 、 下載安裝 JDK

下載地址 :https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

2 、 配置 JDK

1 、 系統(tǒng)變量里面新增 JAVA_HOME,設(shè)置值為 java sdk 根目錄:
2 、系統(tǒng)變量找到 Path 在 Path 環(huán)境變量里面增加如下代碼


image

;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
注意環(huán)境變量之間的; ( 英文分號 )


image

打開cmd控制臺 運(yùn)行javac 出現(xiàn)如下圖的效果jdk環(huán)境變量就配置成功了
image

二、 電腦上下載安裝 Android Studio

下載地址 https://developer.android.google.cn/studio

三、電腦上面下載配置 Flutter Sdk

1 、下載 Flutter SDK

下載地址: https://flutter.dev/docs/development/tools/sdk/releases#windows

2 、把下載好的 Flutter SDK 隨便解壓到你想安裝 Sdk 的目錄如(E:\flutter_windows\flutter)

image

3 、 把 Flutter 安裝目錄的 bin 目錄配置到環(huán)境變量

如上圖所示需要把 E:\flutter_windows\flutter\bin 目錄配置到 path 環(huán)境變量里面


image

四、電腦上配置 Flutter 國內(nèi)鏡像

搭建環(huán)境過程中要下載很多資源文件,當(dāng)一些資源下載不了的時(shí)候,可能會報(bào)各種錯(cuò)誤。在
國內(nèi)訪問 Flutter 的時(shí)候有可能會受到限制。Flutter 官方為我們提供了國內(nèi)的鏡像
鏡像鏈接地址:
https://flutter-io.cn/
https://flutter.dev/community/china
拉到 Flutter 中文網(wǎng)最下面有配置方式,把下面兩句配置到環(huán)境變量里面
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn

image

image

五、運(yùn)行 flutter doctor 命令檢測環(huán)境是否配置成功

打開cmd控制臺 輸入flutter doctor


image

第一次運(yùn)行的時(shí)候會提示下面錯(cuò)誤


image

這個(gè)時(shí)候復(fù)制上面紅色框框內(nèi)的命令
image

注意:提示輸入 Y/N 的地方全部輸入 Y


image

六、打開 Android Studio 安裝 Flutter 插件

這里以Android studio IDE 為例子 要是有些同學(xué)想用 idea(需要破解 收費(fèi)) 也是可以的同樣安裝flutter 插件

image

進(jìn)入到設(shè)置里面的Plugins 里面搜索 flutter
image

然后Install 裝完之后記得重啟 Android studio
image

然后選擇Start a new Flutter project 創(chuàng)建flutter 項(xiàng)目工程
image

選擇 Flutter Application 然后next 下一步
image

image

image

七 :安裝android模擬器

我這邊用的是雷電模擬器 當(dāng)然你可以用 android studio 自帶的模擬器 或者 genymotion 模擬器都行

image

八:運(yùn)行項(xiàng)目

image

image

image

運(yùn)行如果沒有問題就會把項(xiàng)目打包apk安裝到你當(dāng)前連接的模擬器或者Android 設(shè)備上面


image

最后總結(jié)

自己學(xué)吧, 拜拜!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容