Flutter环境配置

写在前面

windows系统Flutter配置文件地址: https://pan.baidu.com/s/1V34PdfSDbCQqmwfiWu0JKQ

不想用下载包的话可以使用以下地址再下载。
https://flutter.dev/docs/development/tools/sdk/releases?tab=windows
https://flutter.dev/docs/get-started/install
Android Studio下载地址，注意windows和mac的版本。
https://developer.android.com/studio/
http://www.android-studio.org/

第一步：安装dart SDK :

• 系统要求: win7+，64位
• 解压Dart安装包 dartsdk-windows-x64-release.zip

1.将文件夹放进一个自定义文件夹
2.配置环境变量
我的电脑 ——> 右键属性 ——> 高级系统设置 ——> 高级 ——> 环境变量
系统变量 ——> path 点击"新建" ——> 输入路径
例如: C:\package\dart-sdk\bin
3.打开cmd,输入 dart --version, 得到版本号，即为安装成功。

IDE上需要安装插件:

VScode 或 webstorm，搜索插件 dart， 然后 install

第一个Dart程序

新建hello.dart，在 页面输入void main()=>print("hello dart!");
在当前文件目录下打开命令窗口运行 dart hello.dart

注意事项

webstorm 中 打开setting ——> languages&framesworks ——> Dart
找到 Dart SDK path， 输入对应路径

VScode中控制台如果出现乱码
在 settings.json 中添加 "code-runner.runInTerminal": true,

MAC

mac下的Dart安装方式：

安装 homebrew 然后运行如下命令：
brew tap dart-lang/dart
brew install dart
详细可看dart中文网 http://dart.goodev.org/install

第二步：Flutter安装:

安装包我下载好了，环境配置是个繁琐的工作，大家要努力踩坑了，加油。。。
Mac版本的需要看官网了,记得一定要翻墙：
https://flutterchina.club/setup-macos/

Java jdk安装

• 将名字为jre-8u221-windows-x64.exe的java安装包运行，安装目录自定义，最好在C盘。默认值一路点Next。
• 打开cmd， 输入 java ,如果出现一大堆帮助命令则安装成功。

Flutter sdk

• 解压安装包 flutter_windows_v1.5.4-hotfix.2-stable.zip
• 将文件夹放进一个自定义文件夹，之后配置环境变量 ,跟上面的Dart安装过程类似, 路径一定到深入到 /bin
• 打开cmd中输入 flutter --version，得到版本号。
• 输入flutter doctor,出现的选项中只有第一项 Flutter项显示对号，这是正常情况。

Android Studio安装

• 运行文件 android-studio-ide-183.5692245-windows.exe，下一步一直点，安装完成后打开。
• 打开时如果遇到一些需要输入账号或者协议什么的，可以点cancel,软件照样运行。中途的简单配置随便写，直到遇到SDK下载页面点击finish,下载需要一些过程。
• 完成后，Configure->plugins->搜索flutter，然后install。

安卓协议

• cmd再次运行flutter doctor，这次当中Android Studio的选项也会有对号
• 找到协议那一项，运行run后面的那句关于liscenses的命令，遇到选择项一路走y，则协议成功。

安卓模拟器

• 打开Android Studio,点击 new Flutter project创建项目，其中project location设置项目路径，其他一路next。
• 进入项目，菜单栏tool -> AVD Manager，create,选择手机Nexus 5,安卓版本安装9.0。然后一路到底，启动虚拟机
• 安装结束再次运行 flutter doctor，所有的选项都会完成。

VScode

• 我们可以使用VScode开发，在插件中安装 dart 和flutter
• cmd命令行创建项目 flutter create xxx，（xxx是项目名）。记得路径上不要有中文
• 项目创建完成后根据命令提示, cd 项目名,flutter run就可以启动项目了。注意VScode的右下角看到 No device选项，可连接模拟器。

注意：项目一定要跑起来，我们上课当天直接要拿来开发。