配置环境花了几个小时,累死人(已成功)。

环境是win10 + flutter + vs code(编译器)+ 安卓模拟器(夜神)+ Android Studio(作为安卓原生环境)

1、阅读《Flutter实战》第一章

线上链接https://book.flutterchina.club/

2、下载flutter

国内下载https://github.com/flutter/flutter/releases我选择的是1.17.3

3、配置环境变量

Flutter学习之配置环境

Flutter学习之配置环境

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

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

Flutter学习之配置环境

在Path变量中添加flutter的bin文件夹的安装路径

4、vs code安装插件Flutter Dart

Flutter学习之配置环境

Flutter学习之配置环境

5、安装Android Studio(其他软件早已安装)

      1)选择Setting

Flutter学习之配置环境

      2)点击Plugins

Flutter学习之配置环境

      3)选择Dart和Flutter进行安装

Flutter学习之配置环境

 若安装失败,会提示安装包的链接,Copy到浏览器网址栏中可下载,下载完解压缩后把文件夹放到Android Studio安装目录中的plugins下,重启软件。

6、打开夜神模拟器端口

      1)打开夜神模拟器

      2)在夜神模拟器的安装目录下的bin文件夹下,打开命令行窗口

      3)输入nox_adb.exe connect 127.0.0.1:62001进行打开,如下图即成功

Flutter学习之配置环境

7、 在vs code中新建Flutter项目

      1)启动 VS Code

      2)调用 View>Command Palette…

      3)输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action

      4)输入 Project 名称 (如myapp), 然后按回车键

      5)指定放置项目的位置,然后按蓝色的确定按钮

      6)等待项目创建继续,并显示main.dart文件

8、测试

      1)在vs code中新开终端,输入flutter doctor进行环境测试

      2)输入flutter run进行编译,编译成功后终端输出如下:

Flutter学习之配置环境

夜神模拟器中显示如下图(数字已点击累加):

Flutter学习之配置环境

至此环境配置完成,可继续学习Flutter!

 

相关文章: