Flutter开发——仲夏夜之梦(一)

关于Flutter是什么?为什么要使用Flutter?本文就不再赘述,既然你对这个技术感兴趣,想必聪明的你已经做过相关的调查与研究。本文只讲实际的Windows10操作系统下的Flutter开发环境搭建。

一、安装FlutterSDK

1、在浏览器中输入https://flutter.dev/docs/get-started/install/windows这个网址。该地址是FlutterSDK资源包的Windows系统地址。打开后可以看到如下页面。

Flutter开发——仲夏夜之梦(一)_第1张图片
下载SDK

2、解压SDK,运行控制台
步骤一、找到文件下载的位置,然后将其解压;

Flutter开发——仲夏夜之梦(一)_第2张图片
解压SDK

步骤二、进入SDK文件的bin目录下,复制地址;

Flutter开发——仲夏夜之梦(一)_第3张图片
复制地址

步骤三、添加路径到计算机的path中;

Flutter开发——仲夏夜之梦(一)_第4张图片
设置环境变量

步骤四、验证环境是否配置成功,打开命令行工具,输入命令flutter,如果出现如下画面说明已经配置成功。

Flutter开发——仲夏夜之梦(一)_第5张图片
验证SDK配置是否成功

二、IDE开发环境配置

工欲善其事,必先利其器。文中使用的是Android Studio编辑器,当然你可以根据个人习惯使用VSCode等其他工具。

1、进入flutter文件目录,双击运行flutter_console.bat;

Flutter开发——仲夏夜之梦(一)_第6张图片
6.png

2、一切正常会看到欢迎画面,而后根据工具的提示输入flutter doctor命令,检查环境依赖。

Flutter开发——仲夏夜之梦(一)_第7张图片
欢迎画面

3、根据提示,安装对应的工具。注意:因为演示中已经安装了Android Studio,所以这边显示的是正常的,如果你本地没有安装的话应该是显示的红色的X

Flutter开发——仲夏夜之梦(一)_第8张图片
提示信息

4、Android Studio安装地址:

此处省略安装VSCode、Android Studio、IDEA各种编辑器的安装,反正你喜欢用哪个就安装哪个。

  • http://www.android-studio.org中文社区;
  • https://developer.android.google.cn/studio谷歌官网地址;

5、Android Studio安装Flutter插件

依次点击Android Studio的"File->Settings->Plugins",接着输入flutter,尔后点击Install安装插件,重启IDE即可。

Flutter开发——仲夏夜之梦(一)_第9张图片
安装IDE插件

三、疑难杂症及注意点

1、由于墙的原因,网络不好的童鞋可以使用如下的镜像地址。使用方式就是分别添加2个环境变量。

  • PUB_HOSTED_URL=https://pub.flutter-io.cn
  • FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

至此,我们已经完成了一套开发环境,下一节我们将创建一个世界级的工程并跑起来。

你可能感兴趣的:(Flutter开发——仲夏夜之梦(一))