前言
在flutter 官網(wǎng)也有環(huán)境搭建的教程 ,我現(xiàn)在最近在學習flutter,所以就按照自己的安裝過程 整理一下環(huán)境搭建的整個流程 分享給大家
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)境變量里面增加如下代碼
;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
注意環(huán)境變量之間的; ( 英文分號 )
打開cmd控制臺 運行javac 出現(xiàn)如下圖的效果jdk環(huán)境變量就配置成功了
二顷级、 電腦上下載安裝 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)
3 帽芽、 把 Flutter 安裝目錄的 bin 目錄配置到環(huán)境變量
如上圖所示需要把 E:\flutter_windows\flutter\bin 目錄配置到 path 環(huán)境變量里面
四、電腦上配置 Flutter 國內(nèi)鏡像
搭建環(huán)境過程中要下載很多資源文件翔冀,當一些資源下載不了的時候导街,可能會報各種錯誤。在
國內(nèi)訪問 Flutter 的時候有可能會受到限制橘蜜。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
五付呕、運行 flutter doctor 命令檢測環(huán)境是否配置成功
打開cmd控制臺 輸入flutter doctor
第一次運行的時候會提示下面錯誤
這個時候復制上面紅色框框內(nèi)的命令
注意:提示輸入 Y/N 的地方全部輸入 Y
六计福、打開 Android Studio 安裝 Flutter 插件
這里以Android studio IDE 為例子 要是有些同學想用 idea(需要破解 收費) 也是可以的同樣安裝flutter 插件
進入到設(shè)置里面的Plugins 里面搜索 flutter
然后Install 裝完之后記得重啟 Android studio
然后選擇Start a new Flutter project 創(chuàng)建flutter 項目工程
選擇 Flutter Application 然后next 下一步
七 :安裝android模擬器
我這邊用的是雷電模擬器 當然你可以用 android studio 自帶的模擬器 或者 genymotion 模擬器都行
八:運行項目
運行如果沒有問題就會把項目打包apk安裝到你當前連接的模擬器或者Android 設(shè)備上面
最后總結(jié)
我也是個初學 flutter 的新手 個人覺得dart語言和flutter 混編UI框架 對于有原生開發(fā)經(jīng)驗的同學還是比較容易上手 ,有興趣學的的同學可以私下多多交流 最后希望我的文章能幫助到各位解決問題 徽职,以后我還會貢獻更多有用的代碼分享給大家象颖。各位同學如果覺得文章還不錯 ,麻煩給關(guān)注和star姆钉,小弟在這里謝過啦