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!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wcc_Learning

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值