搭建Flutter開發環境需要注意的幾個小Tips

下載SDK

放到指定目錄,配置環境變量
具體步驟結合自己電腦參考flutter中文網

安裝

Android Stdio + SDK + tool SDK + 創建模擬器 + 插件(flutter和dart)

下載Android Stdio網上很多資源,我推薦這個網站,資源比較集中

~/.zshrc或者~/.bash_profile配置環境變量

# android sdk
export ANDROID_HOME="/Users/wangguibin/Library/Android/sdk" 
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

由於大陸有牆,可在/etc/hosts文件中加入以下鏡像或者代理,下載Android SDK順暢無比
(PS. 當前時間2020年2月19日,親測可用!)

# Android Start
119.28.87.227	android.com

119.28.87.227	www.android.com

119.28.87.227	a.android.com

119.28.87.227	connectivitycheck.android.com

119.28.87.227	d.android.com

119.28.87.227	dev.android.com

119.28.87.227	developer.android.com

119.28.87.227	market.android.com

119.28.87.227	r.android.com

119.28.87.227	source.android.com

119.28.87.227	android-china.l.google.com

119.28.87.227	android.clients.google.com

119.28.87.227	android-market.l.google.com

119.28.87.227	android.l.google.com

119.28.87.227	android.googleblog.com

119.28.87.227	androidstudio.googleblog.com

119.28.87.227	android-developers.googleblog.com

119.28.87.227	android-developers.blogspot.com

119.28.87.227	android-developers.blogspot.hk

119.28.87.227	officialandroid.blogspot.com

119.28.87.227	android.googlecode.com

119.28.87.227	android.googlesource.com

119.28.87.227	android-review.googlesource.com

119.28.87.227	androidmarket.googleusercontent.com

119.28.87.227	android.googleapis.com

119.28.87.227	jmoore-dot-android-experiments.appspot.com

119.28.87.227	b.android.com

64.233.188.121	m.android.com

64.233.188.121	tools.android.com

64.233.191.121	jmoore-dot-android-experiments.appspot.com

64.233.191.121	maven.google.com
# Android End

Xcode + cocoapods

Xcode在App Store或者開發者中心下載即可

Cocoapods安裝

sudo gem install cocoapods

flutter doctor 檢測環境是否可行
flutter doctor --android-licenses 安卓驗證SDK

VSCode + Flutter開發必備輔助插件

• Flutter語法及調試插件
• Dart 語法插件
• Awesome Flutter Snippets 代碼塊
• Flutter Widget Snippets 組件代碼塊
• Bracket Pair Colorizer 彩虹🌈括號
• Flutter Stylizer API使用提示
• Material Icon Theme 圖標主題
• TODO-HIGHLIGHT代碼標記注釋
• TODO-tree方便查找標記的代碼
• Better Comments划重點的注釋
• dart-import自動導入目錄(建議自己寫相對目錄好些)
• Image preview圖片圖標預覽

VSCode自定義的一些配置

{
    "[dart]": {
        "editor.formatOnSave": true,
        "editor.formatOnType": true,
        "editor.rulers": [
            180
        ],
        "editor.selectionHighlight": false,
        "editor.suggest.snippetsPreventQuickSuggestions": false,
        "editor.suggestSelection": "first",
        "editor.tabCompletion": "onlySnippets",
        "editor.wordBasedSuggestions": false
    },
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.formatOnPaste": true,
    "editor.snippetSuggestions": "top",
    "editor.fontSize": 18,
    "workbench.iconTheme": "material-icon-theme",
    "dart.debugExternalLibraries": false,
    "dart.debugSdkLibraries": false,
    "dart.enableCompletionCommitCharacters": true,
    "dart.flutterHotRestartOnSave": true,
    "dart.lineLength": 80,
    "dart.previewFlutterUiGuides": true,
    "dart.triggerSignatureHelpAutomatically": true,
    "terminal.integrated.shell.osx": "/bin/zsh",
    "editor.formatOnSave": true,
    "editor.wordWrap": "on",
    "window.newWindowDimensions": "inherit",
    "window.openFilesInNewWindow": "default",
    "todo-tree.tree.showScanModeButton": false,
    "C_Cpp.updateChannel": "Insiders",
    "workbench.editor.enablePreview": false,
}