1.flutter開發環境配置

flutter開發工具鏈:

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

安裝flutter

以Macos為例，flutter現在提供了安裝包，下載地址： 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 

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

flutter doctor 

檢查結果：

[-] 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的開發流程和范式，也提供了命令行的項目創建和構建工具，從命令行創建項目：

flutter create demo_project 

執行該命令后，命令會自動幫你創建工程項目結構：

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

推薦使用Android Studio作為集成開發環境，在Android Studio中啟動程序：

image
本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.webpost.com.cn/18040.html