Flutter之配置环境

配置环境花了几个小时，累死人（已成功）。

环境是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_STORAGE_BASE_URL=https://storage.flutter-io.cn

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

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

4、vs code安装插件Flutter Dart

5、安装Android Studio（其他软件早已安装）

      1)选择Setting

      2)点击Plugins

      3)选择Dart和Flutter进行安装

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

6、打开夜神模拟器端口

      1)打开夜神模拟器

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

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

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！

 

原文地址：https://blog.csdn.net/weixin_44713462/article/details/106651045