macos安装vscode_什么！你还没有安装Flutter！

搭建Flutter环境

Windows系统下

(1)系统要求

操作系统: Windows 7 或更高版本 (64-bit)

磁盘空间: 400 MB (不包括Android Studio的磁盘空间).

工具: Flutter 依赖下面这些命令行工具.

Git for Windows (Git命令行工具)。

(2)获取Flutter SDK

在Flutter官网下载最新可用的安装包：

https://flutter.dev/docs/development/tools/sdk/releases

将安装包zip解压到你想安装Flutter SDK的路径(如：C:\src\flutter)

(3)更新环境变量(非设置临时PATH变量，而是要将Flutter永久添加到路径中)

a.转到“控制面板/用户账户/更改我的环境变量”；

b.在“用户变量”下检查是否有名为“Path”的条目：

若条目存在：追加flutter\bin的全路径，使用 ; 作为分隔符。若条目不存在：创建一个新用户变量Path，然后将flutter\bin        的全路径作为它的值。

在“用户变量”下检查是否有名为 “PUB_HOSTED_URL”和 “FLUTTER_STORAGE_BASE_URL”的条目，如果没有，请添加；

c.重启Windows，应用更新。

(4)运行flutter doctor

打开一个新的命令提示符或PowerShell窗口并运行 flutter doctor以查 看是否需要安装任何依赖项来完成安装(Flutter目前不支持Git Bash等 第三方shell)。

(无需单独安装Dart，Dart SDK已经捆绑于Flutter)

(5)编辑器设置(建议使用Android Studio或者VS Code)

Android Studio：

安装Android Studio 3.0或更高版本；

安装Flutter和Dart插件：打开插件首选项   File>Settings>Plugins;

选择Browse repositories...；

选择Flutter插件并点击install；

重启Android Studio插件生效。

VS Code ：

安装VS Code 1.20.1或者更高版本；

安装Flutter插件：调用View>Command Palette..；

   输入install后，选择Extensions: Install   Extension action；

 在搜索框中输入flutter，在搜索结果列表中  选择‘Flutter’，然后点击Install；

选择‘OK’重新启动VS Code。

通过Flutter Doctor验证设置：

 调用View>Command Palette。。。；

输入‘doctor’，选择‘Flutter: Run Flutter     Doctor’ action；

查看‘OUTPUT’窗口输出是否正确

macOS环境下

(1)系统要求(最低要求)

操作系统: macOS(64-bit)

磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间).

工具: Flutter 依赖下面这些命令行工具：

bash,mkdir,rm,git,curl,unzip,which

(2)获取Flutter SDK

在Flutter官网下载最新可用的安装包：

https://flutter.dev/docs/development/tools/sdk/releases

将安装包解压到你想安装Flutter SDK的路径.如：

cd ~/development

unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

(3)更新环境变量(非设置临时PATH变量，而是要将Flutter永久添加到路径中)：

a.确定Flutter SDK的路径P；

b.打开/创建$HOME/.bash_profile

创建：vim .bash_profile

打开：open .bash_profile

c.在 .bash_profile文件中添加以下行:

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

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

export PATH=P/flutter/bin:$PATH 

(4)运行source .bash_profile，刷新当前终端窗口

(5)编辑器设置(建议使用Android Studio或者VS Code)

Android Studio：

安装Android Studio 3.0或更高版本；

安装Flutter和Dart插件：打开插件首选Preferences>Plugins;

选择Browse repositories..；

选择Flutter插件并点击install；

重启Android Studio插件生效。

VS Code ：

安装VS Code 1.20.1或者更高版本；

安装Flutter插件：调用View>Command Palette..；

   输入install后，选择Extensions: Install   Extension action；

 在搜索框中输入flutter，在搜索结果列表中  选择‘Flutter’，然后点击Install；

选择‘OK’重新启动VS Code。

通过Flutter Doctor验证设置：

 调用View>Command Palette...；

输入‘doctor’，选择‘Flutter: Run Flutter  Doctor’ action；

查看‘OUTPUT’窗口输出是否正确)

想看更多精彩内容

请关注我们的实验室公众号哟

扫码关注啦！