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!

 

相关文章

这篇文章主要讲解了“FlutterComponent动画的显和隐怎么实现...
这篇文章主要讲解了“flutter微信聊天输入框功能如何实现”,...
本篇内容介绍了“Flutter之Navigator的高级用法有哪些”的有...
这篇文章主要介绍“Flutter怎么使用Android原生播放器”,在...
Flutter开发的android端如何修改APP名称,logo,版本号,具体...
Flutter路由管理初识路由概念一.路由管理1.1.Route1.2.Mater...