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

环境要求

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

下载Flutter SDK

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

2.png
下载完成后,解压得到下面的文件夹,为了避免windows环境下的路径问题,所以我把flutter文件夹解压到了C盘根目录下。
flutter-sdk.png
将flutter sdk 放到C盘后,打开CMD,执行flutter doctor
检测flutter 环境是否正常,从下图可知,我这边的flutter版本是v1.2.1的版本。由于我这边Android Studio、安卓模拟器和VSCode的环境已经配置好了,所以都是显示绿色的对勾。
flutter-doctor.png
创建一个新的flutter项目
image.png

配置VSCode环境

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

安装Android Studio

进入官网下载最新版的Android Studio,由于我的电脑系统是window 10 ,所以显示的下载版本是windows的版本。
Android-studio.png
点击file–>setting–>plugin,安装Android studio 中的flutter和Dart扩展
setting.png
Android-plugin.png
安装完成后打开创建的flutter项目,Android studio 会自动加载相关文件
flutter项目结构.png
启动安卓模拟器
image.png
image.png
4.png

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值