windows+vscode+ flutter+android studio开发环境搭建

栏目: IOS · Android · 发布时间: 6年前

内容简介:由于Flutter SDK和Android Studio以及后续安卓模拟器体积很大,所以建议C盘的空间至少要有10G以上的可用空间。进入Flutter

环境要求

由于Flutter SDK和Android Studio以及后续安卓模拟器体积很大,所以建议C盘的空间至少要有10G以上的可用空间。

下载Flutter SDK

进入Flutter 官网 下载最新版本的Flutter SDK,如果遇到网络问题,请百度解决。

windows+vscode+ flutter+android studio开发环境搭建

windows+vscode+ flutter+android studio开发环境搭建

下载完成后,解压得到下面的文件夹,为了 避免windows环境下的路径问题 ,所以我把flutter文件夹解压到了 C盘根目录 下。

windows+vscode+ flutter+android studio开发环境搭建

将flutter sdk 放到C盘后,打开CMD,执行 flutter doctor

检测flutter 环境是否正常,从下图可知,我这边的flutter版本是v1.2.1的版本。由于我这边Android Studio、安卓模拟器和VSCode的环境已经配置好了,所以都是显示绿色的对勾。

windows+vscode+ flutter+android studio开发环境搭建

创建一个新的flutter项目

windows+vscode+ flutter+android studio开发环境搭建

配置VSCode环境

Vscode是微软出品的轻量级编辑器,前端必备。使用vscode开发flutter需要安装专门的Flutter插件,安装方式如下图:打开扩展-->搜索flutter-->点击绿色安装按钮(该插件会将flutter和dart所需环境配置好)

windows+vscode+ flutter+android studio开发环境搭建

windows+vscode+ flutter+android studio开发环境搭建

安装Android Studio

进入 官网 下载最新版的Android Studio,由于我的电脑系统是window 10 ,所以显示的下载版本是windows的版本。

windows+vscode+ flutter+android studio开发环境搭建

点击file-->setting-->plugin,安装Android studio 中的flutter和Dart扩展

windows+vscode+ flutter+android studio开发环境搭建

windows+vscode+ flutter+android studio开发环境搭建

安装完成后打开创建的flutter项目,Android studio 会自动加载相关文件

windows+vscode+ flutter+android studio开发环境搭建

启动安卓模拟器

windows+vscode+ flutter+android studio开发环境搭建

windows+vscode+ flutter+android studio开发环境搭建

windows+vscode+ flutter+android studio开发环境搭建


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

新媒体文案创作与传播

新媒体文案创作与传播

秋叶、叶小鱼、勾俊伟 / 人民邮电出版社 / 2017-4 / 39.80元

《新媒体文案创作与传播》共分三篇。第1篇是新媒体文案基础篇,主要讲述了新媒体文案的基本概念、新媒体文案的岗位要求和职业能力素养;第二篇是新媒体文案创意实务篇,主要讲述了新媒体文案的创作思路、新媒体文案的写作技巧、爆款新媒体文案的打造、新媒体销售文案的写作、新媒体对文案传播的新要求、新媒体品-牌文案的写作,以及不同媒介的特征及发布形式;第三篇为新媒体文案相关技能补充,主要讲述的是策划能力。 《新媒体......一起来看看 《新媒体文案创作与传播》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

URL 编码/解码
URL 编码/解码

URL 编码/解码