Flutter入门教程(三)教你如何实现VSCode高效开发
2022/3/27 23:22:57
本文主要是介绍Flutter入门教程(三)教你如何实现VSCode高效开发,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、前言
在上一篇文章中,介绍了Flutter的开发环境搭建流程,创建并运行成功一个flutter项目,用户界面呈现也通过Android虚拟机实现在线查看效果。
但是对于一个前端来说,用 VS Code 编辑器的同学肯定很多,第一次接触Flutter开发对于Android Studio 编辑器可能不太熟悉,有些同学可能就会想可不可以使用VSCode来开发,这里我想说完全可以的。甚至用VSCode开发比Android Studio性能更高:
从任务管理器查看进程可以看出,我们使用VSCode占用内存明显比Android Studio少,所以VSCode也是一个不错的选择,下面就来为大家讲解如何使用VSCode编写我们的Flutter代码,并且也能通过虚拟机查看实时效果!
二、安装插件
VSCode下载地址:https://code.visualstudio.com
下载好VSCode编辑器后,打开主界面,在应用商店中搜索flutter点击安装:
flutter插件安装成功后应该会自动安装dart插件,如果没有自动安装的同学,可以自己动手搜索并安装,安装成功我们重启VSCode
导入我们事先创建好的flutter项目,我们可以看到左侧会多了一个flutter的logo图标:
这可以让我们的项目代码结构一目了然,是不是很nice
三、配置虚拟机
通过VSCode编写flutter,我们不可能打开Android Studio编辑器查看效果吧,这显然是不科学的,这我还不如直接在Android Studio中编写呢,所以在这里我们需要创建一个bat命令,执行批处理文件来唤起我们的模拟器。
这篇关于Flutter入门教程(三)教你如何实现VSCode高效开发的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09flutter3.x_macos桌面os实战
- 2024-05-09Rust中的并发性:Sync 和 Send Traits
- 2024-05-08使用Ollama和OpenWebUI在CPU上玩转Meta Llama3-8B
- 2024-05-08完工标准(DoD)与验收条件(AC)究竟有什么不同?
- 2024-05-084万 star 的 NocoDB 在 sealos 上一键起,轻松把数据库编程智能表格
- 2024-05-08Mac 版Stable Diffusion WebUI的安装
- 2024-05-08解锁CodeGeeX智能问答中3项独有的隐藏技能
- 2024-05-08RAG算法优化+新增代码仓库支持,CodeGeeX的@repo功能效果提升
- 2024-05-08代码报错不用愁,CodeGeeX一键完成代码修复、错误解释的功能上线了!
- 2024-05-08今天开始程序员不用再发愁写commit message了,全部由CodeGeeX自动完成!