便捷使用VSCode开发flutter

671 阅读2分钟

*前提呢,当然就是已经安装好jdk,flutterSDK和模拟器啦~


对于flutter开发来说,其实很多开发者都是前端的角色,所以许多从前端来开发flutter的小哥哥小姐姐们,如果使用Android Studio会很不习惯,这时候VSCode其实已经具备开发flutter了,那么个人觉得这个时候没有必要大费周折的去学习怎么使用Android studio,毕竟确实刚使用会很不习惯滴~


废话不多说,上图文

NO:1

第一个就是安装我们的flutter插件,首先是必不可少的flutter和dart




安装完之后我们就可以直接开始撸代码啦,这个时候,好戏开始咯,直接按快捷键ctrl+shift+P, 会出现一个弹窗,里面会有排在前三的快捷操作。




  • 第一个就是创建我们的flutter新项目,直接点击就可以开始创建了。 
  • 第二个是检测项目所需配置是否OK
  •  第三就是获取我们项目配置所需要的包


NO:2

假如在此之前你还没打开模拟器,那么此时右下角会显示NO device,说明我们还没有链接上模拟器~



那么这个时候双击no device,会打开搜索弹窗,显示你已安装的模拟器, 点击后即可打开模拟器啦~


NO:3

很多人会想,会不会有跟vue之类的快捷模板呢,答案就是必须的呀,不然每次都是手撸多无聊 还是安装我们的一个插件,Awesome Flutter Snippets,这个插件可以快速生成类模板等等。



图中的shortcut就是快捷生成模板的快捷键,比如slss会直接生成一个基础类模板,小伙伴们可以去试 一试。有了这个开发真的很方便。