Flutter之配置环境weixin44713462的博客-

11 六月

星期四, 11 六月 2020 20:18 Last Updated on 星期四, 11 六月 2020 20:18 0 Comments

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

环境是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

Flutter之配置环境weixin44713462的博客-

Flutter之配置环境weixin44713462的博客-

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

1)选择Setting

Flutter之配置环境weixin44713462的博客-

2)点击Plugins

Flutter之配置环境weixin44713462的博客-

3)选择Dart和Flutter进行安装

Flutter之配置环境weixin44713462的博客-

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

6、打开夜神模拟器端口

1)打开夜神模拟器

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

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

Flutter之配置环境weixin44713462的博客-

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之配置环境weixin44713462的博客-

夜神模拟器中显示如下图（数字已点击累加）：

Flutter之配置环境weixin44713462的博客-

至此环境配置完成，可继续学习Flutter！

展开阅读全文

1
评论
x
海报

扫一扫，海报
手机看

到微信朋友圈

x

扫一扫，手机阅读
打赏

打赏

wcc_Learning

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

5C币 10C币 20C币 50C币 100C币 200C币

确定

Flutter之配置环境weixin44713462的博客-

本页所有内容来自官方网站 https://www.imapbox.com 新闻来源：互联网搜索引擎和新闻站

本网页所有图片由 ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片，下载并得到。

ImageBox 图片批量下载器工具地址: 网页图片批量下载工具-最新版本下载

非凡下载站地址：https://www.crsky.com/soft/35838.html

本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器下载并得到。

ImovieBox网页视频下载器下载地址: ImovieBox网页视频下载器-最新版本下载

本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.

阅读和此文章类似的: 全球云计算