Flutter - Mac上使用VSCode開發Flutter

Flutter入門


介紹

Dart 官網
https://dart.dev/
Dart 官網（中文）
http://www.dartdoc.cn/
Dart 中文網
https://www.dartcn.com/


Flutter 官網
https://flutter.dev/
Flutter 官網（中文）
https://flutter.cn/
Flutter 中文網
https://flutterchina.club/

 

Mac環境搭建(終端):

1、將項目clone到/Users/xxx/

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

2、配置flutter路徑

vim ~/.bash_profile

添加以下配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/xxx/flutter/bin:$PATH

3、下載flutter工具

cd ./flutter
flutter doctor

 

VSCode

下載:https://code.visualstudio.com

 

下載好后如果需要設置中文語言顯示的話:

1.打開命令面板:Command + shift + P

2.輸入"configure display language"

3.選擇"zh-cn",重啟下VSCode就可以了

 

4、創建項目

vscode -> 查看 -> 命令面板 -> Flutter: new project -> 輸入項目名稱

 

5、Flutter插件安裝

在VSCode應用商店搜索並安裝
Chinese (Simplified) Language Pack for Visual Studio Code(VS Code漢化包)
Flutter
Dart
Awesome Flutter Snippets(快速創建代碼塊)

 

 

6、運行項目

右下角選中設置，vscode -> 啟動調試(F5)
Flutter run