1.flutter開發(fā)環(huán)境配置

flutter開發(fā)工具鏈:

• 開發(fā)語言是dart，參考https://www.dartlang.org/
• flutter基礎(chǔ)庫，參考：https://flutter.io
• 包管理 pubhttps://pub.dartlang.org/flutter
• 支持IDEatom/VSCode， AndroidStudio

安裝flutter

以Macos為例，flutter現(xiàn)在提供了安裝包，下載地址： https://storage.googleapis.com/flutter_infra/releases/beta/macos/flutter_macos_v0.2.8-beta.zip
下載后解壓縮到目錄：

cd ~/development unzip ~/Downloads/flutter_macos_v0.2.8-beta.zip 

為了方便以后使用，可以將flutter加入到path路徑中：

export PATH=`pwd`/flutter/bin:$PATH 

安裝好了后，可以運(yùn)行flutter來檢查開發(fā)環(huán)境需要的組件，該命令會自動幫你安裝缺失的組件，并能自動保持更新：

flutter doctor 

檢查結(jié)果：

[-] Android toolchain - develop for Android devices ? Android SDK at /Users/obiwan/Library/Android/sdk ? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ ? Try re-installing or updating your Android SDK, visit https://flutter.io/setup/#android-setup for detailed instructions. 

flutter大量參考了React Native的開發(fā)流程和范式，也提供了命令行的項(xiàng)目創(chuàng)建和構(gòu)建工具，從命令行創(chuàng)建項(xiàng)目：

flutter create demo_project 

執(zhí)行該命令后，命令會自動幫你創(chuàng)建工程項(xiàng)目結(jié)構(gòu)：

屏幕快照 2018-04-19 下午9.04.31.png
其中flutter的主要代碼在lib目錄，android和ios目錄分別是平臺特定代碼實(shí)現(xiàn)。res為資源目錄，test為單元測試存放的目錄，這里需要關(guān)注的是pubspec.yaml，該文件描述了構(gòu)建項(xiàng)目所依賴的組件。flutter的pub是類似于cocoapods一樣的管理工具，pubspec.yaml相當(dāng)于Podfile
項(xiàng)目創(chuàng)建好了，可以運(yùn)行flutter run來構(gòu)建，運(yùn)行結(jié)果如下圖：
image

推薦使用Android Studio作為集成開發(fā)環(huán)境，在Android Studio中啟動程序：

image
本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://m.jstctz.cn/18040.html