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

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

内容简介:由于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开发环境搭建


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

查看所有标签

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

深入浅出 MFC 第二版

深入浅出 MFC 第二版

侯俊杰 / 松岗 / 1997.05

深入浅出MFC是一本介绍 MFC(Microsoft Foundation Classes)程式设计技术的书籍。对於 Windows 应用软体的开发感到兴趣,并欲使用 Visual C++ 整合环境的视觉开发工具,以 MFC 为程式基础的人,都可以从此书获得最根本最重要的知识与实例。 如果你是一位对 Application Framework 和物件导向(Object Orien......一起来看看 《深入浅出 MFC 第二版》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具