在Mac上使用android studio的搭建flutter的開發(fā)環(huán)境并運(yùn)行hello world全教程:
剛剛親手操作完的教程,還熱乎,簡單明了,一篇就夠!
首先下載android studio:
android studio中文社區(qū)下載地址:http://www.android-studio.org/
官方網(wǎng)址:https://developer.android.google.cn/studio
安裝完成后,啟動(dòng)android studio,打開設(shè)置欄目Plugins選項(xiàng)

搜索安裝Flutter 和dart插件:在flutter安裝時(shí)如果沒有安裝dart插件,那么android studio會(huì)提示你flutter需要dart依賴,確認(rèn)后會(huì)自動(dòng)進(jìn)行下載和安裝。

重啟android studio:可以看到在啟動(dòng)頁已經(jīng)有了創(chuàng)建flutter項(xiàng)目的選項(xiàng)。

創(chuàng)建一個(gè)flutter項(xiàng)目(需要等待一會(huì))點(diǎn)擊“Start a new Flutter project”:


在這一步如果我們沒有提前下載flutter sdk,可以直接點(diǎn)擊Install SDK,
再或者命令行下載:
$?git clone-bmaster https://github.com/flutter/flutter.git
$ ./flutter/bin/flutter--version
下載完成后,命令行打開.bash_profile文件,配置環(huán)境變量:
$ open ~/.bash_profile
在.bash_profile文件中添加以下信息,保存。
export PATH=${PATH}:/Users/edz/flutter/bin
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
到這基本上算是OK了,繼續(xù)Next,創(chuàng)建項(xiàng)目成功后:

1.Android 文件夾為Android原生交互代碼
2.iOS文件夾為iOS原生交互代碼
3.lib文件夾為flutter代碼,既我們需要編寫的dart代碼
4,切換選擇需要運(yùn)行的Android或iOS模擬器,模擬器啟動(dòng)后點(diǎn)擊運(yùn)行即可

好啦,一個(gè)基本的Flutter項(xiàng)目從工具配置到創(chuàng)建運(yùn)行完畢!打完收工?。?!
下一篇要講dart的基本語法,分分鐘學(xué)會(huì)dart都不是事。