Mac版 Flutter入門

前言

本篇將從Flutter的入門開始，搭建環境 ，創建項目，在Mac系統下搭建。

簡介

Flutter是Google使用Dart語言開發的移動應用開發框架，使用一套Dart代碼就能構建高性能、高保真的iOS和Android應用程序，並且在排版、圖標、滾動、點擊等方面實現零差異。

環境配置

準備階段

1.下載Flutter的SDK
- 使用國內鏡像下載，輸入一下命令

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2.克隆Flutter SDK（你可以先創建Flutter的文件夾，這裏我並沒有創建）

git clone -b beta https://github.com/flutter/flutter.git

配置Flutter環境

1.打開.bash_profile文件

open -e .bash_profile

2.配置環境變量

export PATH=${PATH}:/Users/admin/flutter/bin:$PATH

注：默認不創建Flutter文件夾的默認地址

3.更新配置

source .bash_profile

4.驗證是否安裝成功，輸入命令

flutter

注：如果沒有提示找不到，則表示安裝成功

5.安裝 Futter 剩餘依賴項

flutter doctor

在AndroidStudio安裝Dart插件

啓動studio,搜索flutter,自動安裝Dart插件 ，完成後重啓studio。

注：安裝dart插件會失敗，需多次嘗試

創建Flutter項目

Android Studio - File - New -New Flutter Project