Flutter初體驗(yàn)之-環(huán)境搭建

Flutter可能是我們做移動(dòng)端或者前端聽(tīng)的比較多的一個(gè)名詞。目前前端和移動(dòng)端都趨向于向大前端發(fā)展。我們都知道由于Android ios 前端的運(yùn)行環(huán)境、發(fā)開(kāi)語(yǔ)言、平臺(tái)特性的不同，導(dǎo)致同時(shí)學(xué)習(xí)三個(gè)平臺(tái)的學(xué)習(xí)成本是極高的。所以React Native 、Weex等跨平臺(tái)技術(shù)應(yīng)運(yùn)而生了，而這些跨平臺(tái)技術(shù)由于偏高層解釋性的特性就會(huì)出現(xiàn)運(yùn)行效率和對(duì)原生依賴度高耦合性高等問(wèn)題。隨著2018年flutter beta1正式發(fā)布，一種更優(yōu)美更高效的跨平臺(tái)技術(shù)進(jìn)入我們的視線。

漢源網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)建站于2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

但是RN也并沒(méi)有被廣泛的接納，從阿里開(kāi)始使用到放棄，里面的很多坑都繞不過(guò)去。寫(xiě)一次到處跑確實(shí)很誘人，從企業(yè)角度講，可以節(jié)省大量的人力，但是卻忽略了一個(gè)很基礎(chǔ)的問(wèn)題，不同平臺(tái)是否希望如此，蘋果是否會(huì)愿意自己的生態(tài)被打破，不同平臺(tái)的特性是否應(yīng)該被歸為一致。

vscode flutter 環(huán)境搭建

環(huán)境準(zhǔn)備階段：

android-studio 版本：android-studio-ide-191.5977832-windows.exe 3.5.2

flutter版本：stable 版本 （完成系統(tǒng)環(huán)境變量 path配置）

dart版本：2.12.0 （完成系統(tǒng)環(huán)境變量 path配置）

完成相關(guān)軟件安裝。

配置flutter相關(guān)SDK及andriod studio路徑：

flutter config --android-sdk="C:\Users\Administrator\AppData\Local\Android\Sdk"

flutter config --android-studio-dir="D:\Program Files\Android\Android Studio"

執(zhí)行flutter doctor運(yùn)行成功。

夜神模擬器地址：D:\Program Files\Nox\bin （完成系統(tǒng)環(huán)境變量 path配置）

andriod SDK tools：C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools （完成系統(tǒng)環(huán)境變量 path配置）

nox_adb.exe connect 127.0.0.1:62001

dart SDK:D:\software\dartsdk-windows-x64-release\dart-sdk\bin

將C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools 下面adb.exe 復(fù)制至D:\Program Files\Nox\bin覆蓋

adb.exe，此外重新復(fù)制adb.exe命名為nox_adb.exe，替換原有的nox_adb.exe。

cdm 輸入nox_adb version 及adb version發(fā)現(xiàn)版本一致。

啟動(dòng)野神模擬器，輸入adb devices發(fā)現(xiàn)虛擬設(shè)備，執(zhí)行flutter devices發(fā)現(xiàn) 127.0.0.1:62001 設(shè)備。

修改C:\learn_flutter\first_flutter\android\gradle\wrapper\gradle-wrapper.properties

distributionUrl=

修改C:\learn_flutter\first_flutter\android\build.gradle

buildscript {

ext.kotlin_version = '1.3.50'

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

}

allprojects {

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

}

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\flutter.gradle

buildscript {

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

dependencies {

classpath 'com.android.tools.build:gradle:4.1.0'

}

}

//private static final String DEFAULT_MAVEN_HOST = " ";

private static final String DEFAULT_MAVEN_HOST = " ";

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\resolve_dependencies.gradle

repositories {

google()

jcenter()

maven {

//url "$storageUrl/download.flutter.io"

url " "

}

}

執(zhí)行 flutter run啟動(dòng)成功。

環(huán)境搭建坑點(diǎn)在于JDK兼容問(wèn)題以及網(wǎng)絡(luò)問(wèn)題。

4. VS Code創(chuàng)建flutter項(xiàng)目

如果和我一樣，用慣了VS Code來(lái)開(kāi)發(fā)項(xiàng)目的話，那就跟我一起來(lái)配置一下如何在VS Code里運(yùn)行flutter項(xiàng)目。

1.在VS Code里安裝擴(kuò)展：

2.在VScode上打開(kāi)打開(kāi)終端，快捷鍵：Ctrl+~（Tab上一個(gè)鍵），在終端上輸入：flutter create flutter_app02，即可創(chuàng)建完成！

也可以把之前的項(xiàng)目放到工作區(qū)

3.在終端中運(yùn)行命令：flutter run

運(yùn)行的時(shí)候你會(huì)發(fā)現(xiàn)手機(jī)提示你安裝個(gè)app，點(diǎn)擊安裝完成，項(xiàng)目就在手機(jī)上顯示了，下圖是運(yùn)行成功的提示。

下圖是手機(jī)效果：

如果報(bào)錯(cuò)的話，運(yùn)行下清緩存的命令：flutter clean，把文件夾.gradle刪掉，然后flutter run重新跑下項(xiàng)目。

當(dāng)前標(biāo)題：如何搭建flutter,如何搭建一個(gè)網(wǎng)站
網(wǎng)站地址：http://chinadenli.net/article9/dsipjih.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、搜索引擎優(yōu)化、響應(yīng)式網(wǎng)站、網(wǎng)站策劃、、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)