博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
亲历一次vscode搭建flutter开发环境
阅读量:6168 次
发布时间:2019-06-21

本文共 934 字,大约阅读时间需要 3 分钟。

写在前面

目前市面上有很多APP开发工具、框架。原生、ionic、weex、react-native、mui...都有亲历的项目,各有各的辛酸。前几天偶然听说flutter,据说是个曙光。一贯的原则,管他三七二十一,hello world跑起来再说。这篇文章记录了整个环境的大家过程。同时我新建了一个群,方便讨论。,或者:521354188

准备工作

以windows为例,:

1、安装vscode(相信大家都安装了)
2、android sdk(我是android studio开发过所以带着)
3、安装java(配环境变量)
4、git(没有也行,相信大家都安装了)

Clone the repo

先把flutter clone下来

git clone -b beta https://github.com/flutter/flutter.git

执行clone直接成功的概率很低,失败的情况下重新ctrl+c,然后再次执行。如果还不成功直接去github上下载吧。效果一样,这就是上面说的git可以不装。如果 完成后找到目录应该如下图:

下载flutter后所看到的的目录

完成后,直接在cmd里执行flutter是没戏的,因为没配置系统环境变量,把你的“flutter目录+bin”这个路径加到系统的环境变量中。

自动初始化

cmd执行

flutter doctor

等待完成即可,同样的问题也是不太容易成功,多试几次就行。实在不行找我。 成功后可以看到如下界面:

flutter doctor 执行成功后看到的界面
开发语言是dart 下载dart 需要点时间的。实在不成功找我,反正我成功了的。
至此,基本完成了,现在就差vscode的配置了。

vscode配置

首先下载dart code插件

图片描述

如果报错,在setting中加上

"java.home": "D:\\Program Files\\Java\\jdk1.8.0_161"

接下来就可以执行:

flutter create xxxx

创建你的第一个项目了。

补充说明

问题比较多的地方就是下载,你各种办法想尽,还不如直接科学上网一下。 如果那个实在下载不下来,找我!我发给你!省事

第一大疑问

我才几行代码,打包后居然有20M++, 实在是匪夷所思....骚猴如果解决了,我再发帖!

转载地址:http://eknba.baihongyu.com/

你可能感兴趣的文章
从Atlas到Microsoft ASP.NET AJAX(6) - Networking, Application Services
查看>>
成长之路---写好一个类
查看>>
读取 java.nio.ByteBuffer 中的字符串(String) 写入方式flash.utils.ByteArray.writeUTF
查看>>
范围管理和范围蔓延
查看>>
android90 bind方式启动服务service调用service里的方法
查看>>
前端开发薪资之各地区对比(图文分析)(share)
查看>>
对做“互联网产品”的一些想法
查看>>
SPI协议及其工作原理浅析【转】
查看>>
原生js编写的安全色拾色器
查看>>
iOS:VFL语言
查看>>
让时间处理简单化 【第三方扩展类库org.apache.commons.lang.time】
查看>>
用scikit-learn学习DBSCAN聚类
查看>>
Linux设备模型(热插拔、mdev 与 firmware)【转】
查看>>
Android开发笔记第二篇(Android 手机概念)
查看>>
js隐藏与显示回到顶部按钮
查看>>
hdu4496 D-City(扭转和支票托收啊 )
查看>>
数据挖掘 | 数据理解和预处理
查看>>
关于大数据你必须了解的几个关键词!
查看>>
在Kali Linux中更改GRUB2背景的5种方式
查看>>
如何把Windows 10的“便笺”按钮从操作中心挪到开始菜单和桌面
查看>>