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

上一篇: Flutter-WeChat -- 学习Flutter期... 下一篇:Windows下安装配置Flutter以及踩...

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

发布时间：2019-06-28 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了vscode+flutter+android studio开发环境搭建，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。


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

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


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

将flutter sdk 放到C盘后，打开CMD，执行flutter doctor
检测flutter 环境是否正常，从下图可知，我这边的flutter版本是v1.2.1的版本。由于我这边Android Studio、安卓模拟器和VSCode的环境已经配置好了，所以都是显示绿色的对勾。

创建一个新的flutter项目


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



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

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


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

启动安卓模拟器