Flutter for web 开发从零到踩坑02---使用VS Code工具进行开发

上篇文章:Flutter for web 开发从零到踩坑01---搭建开发环境 中,我已经介绍了怎样搭建Flutter for web 的开发环境,也创建了初始项目,大家可以发现在上一篇文章中我们都是在终端中执行命令行,这是必备技能,但是十分的不方便,我给大家推荐Flutter开发工具 Visual Studio Code,安装完毕,打开VS Code,如以下界面

VS Code 界面

接下来,我们来安装开发flutter项目需要的插件

安装Dart插件工具

安装Flutter插件工具

接下来我们打开上篇文章中我们创建的初始项目,点击如下按钮

打开创建好的项目工程

以下是项目工程打开之后的工程文件目录


项目打开之后的目录展示

在自带的终端中执行项目运行命令

flutter pub get   // 安装项目依赖的库
flutter run -d chrome  // 运行项目
获取依赖库,运行项目

下篇文章为大家介绍Flutter项目工程目录结构:
Flutter for web 开发从零到踩坑03---项目文件目录讲解

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容