Mac 下 Dart 環(huán)境安裝
選擇合適的編輯器： Intellij IDEA
brew install dart --devel
安裝過程注意
如果出現(xiàn) brew updating 時間過長的情況，切換一下源慢哈，代碼如下
cd "$(brew --repo)"
git remote set-url origin https://mirrors.ustc.edu.cn/brew.git
cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-core.git
cd
brew update
即便改了源蜒茄，也需要一段耐心等待的時間,如果更新中出現(xiàn)如下報錯
可以使用 rm -rf 命令進行解決钦铁，具體如下
安裝 Dart
brew tap dart-lang/dart
brew install dart
如果安裝過程中出現(xiàn)如下錯誤及提示震蒋，按照命令做即可骄瓣。
The following directories are not writable by your user:
/usr/local/sbin
You should change the ownership of these directories to your user.
sudo chown -R $(whoami) /usr/local/sbin
And make sure that your user has write permission.
chmod u+w /usr/local/sbin
【注意】：只有更新 xcode 到最新版鳖昌，dart 才能安裝成功央渣，更新 xcode 時可能會遇到存儲空間不夠無法安裝等情況硅卢，可以去蘋果開發(fā)者社區(qū)直接下載 xcode射窒。即使更新 xcode 到最新版本在安裝dart 的過程中還是會遇到各種問題，盡量多試幾遍然后上網(wǎng)搜報錯解決吧将塑。
查看 Dart 安裝信息
brew info dart
為編輯器添加 Dart 插件
welcome 頁面 -> config ->plugin:搜索 dart 安裝后重啟即可
Hello world
首先創(chuàng)建項目脉顿，然后新建 dart 文件,文件內(nèi)容如下：
void main() {
print("hello world")
}
如果再執(zhí)行 run 的時候出現(xiàn)如下報錯
可以在工具欄【Run】中 edit configurations中取消勾選Checked mode
Flutter 環(huán)境
假如你的Mac無法順利的訪問外網(wǎng)，可以配置 Flutter 鏡像
配置如下
open ~ //打開.bash_profile 文件
//將下面兩行代碼添加到文件
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
注意： 此鏡像為臨時鏡像点寥，并不能保證一直可用艾疟，讀者可以參考https://flutter.io/community/china 以獲得有關鏡像服務器的最新動態(tài)。
下載 SDK敢辩，建議下載 stable 版
下載完成之后 將 Flutter 解壓到項目目錄
cd ~/項目目錄
unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip
添加環(huán)境變量
還是打開.bash_profile 文件
export PATH= ~/Desktop/wendu/wendu/app/flutter/bin:$PATH
更新.bash_profile 文件
export PATH="/Users/shangbing/Desktop/wendu/wendu/app/flutter/bin:$PATH"
檢測環(huán)境及配置是否成功
flutter doctor
注意: 如果你使用終端是zsh蔽莱，終端啟動時 ~/.bash_profile 將不會被加載，解決辦法就是修改 ～/.zshrc 戚长，在其中添加：source ～/.bash_profile
根據(jù) doctor 的提示對環(huán)境進行安裝或修改即可
IOS 開發(fā)環(huán)境
配置 xcode 命令
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
快速打開模擬器
open -a Simulator
安卓開發(fā)環(huán)境
Flutter requires Android SDK 28 and the Android BuildTools 28.0.3
類似這種報錯盗冷，就可以到Android studio更新下 SDK，當其實現(xiàn)階段只要保證IOS 可以也 OK 剩下的可以后續(xù)完善
Android studio 安裝 Flutter 和 Dart 插件
preferences>plugins
browse repositories：flutter plugin
創(chuàng)建 Flutter 項目
flutter create my_ap
cd my_ap
flutter run
使用 flutter包和插件
https://pub.dartlang.org/
https://pub.flutter-io.cn/
就相當于我們前端的 npm 網(wǎng)站
插件的安裝及使用
插件的安裝
修改 pubspec.yaml 文件
dependencies:
flutter_color_plugin: ^0.0.2
執(zhí)行命令:
flutter pub get
當你的項目異常關閉同廉，或者android studio用任務管理器強制關閉仪糖，下次啟動就會出現(xiàn)上面的一行話，
此時需要打開 flutter/bin/cache/lockfile迫肖，刪除就行了
或者直接用下面的命令：
rm ./flutter/bin/cache/lockfile
插件的使用
復制 main.dart 改為 plugin_use.dart
//引入plugin
import 'package:flutter_color_plugin/flutter_color_plugin.dart';
void main() => runApp(PluginUse());
main.dart 文件修改
import 'package:my_ap/plugin_use.dart';
//void main() => runApp(MyApp());
void main() => runApp(PluginUse());
//調(diào)整類名
class PluginUse extends StatelessWidget { … }
//使用
Text(
'You have pushed the button this many times:',
style: TextStyle(color: ColorUtil.color('#ff0000'))
),
