VSCode下的flutter

最新推荐文章于 2024-06-07 18:39:13 发布
最新推荐文章于 2024-06-07 18:39:13 发布
阅读量482 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34497319/article/details/99591669
版权

VSCode安装Flutter插件
打开VSCode点击扩展，然后用在搜索框中输入Flutter,第一个就是Flutter插件了。点击install就可以进行安装了
在这里插入图片描述安装完成后需要重启(安装Flutter插件后，Dart插件也安装好了，不需要自己安装的)
这时候可以编写Flutter程序，但是还缺少预览的地方，也就是虚拟机
在VSCode中方便打开虚拟机
在安装了Flutter和Dart插件以后，在VSCode的右下角显示No Devices,我们直接点击它，就会显示我们电脑中安装的虚拟机，如果你电脑上没有，也可以进行安装，打开虚拟机如下图
在这里插入图片描述
flutter run
在VSCode中直接打开终端，快捷键是ctrl+~，然后在终端中输入下面的命令
输入flutter create 项目名 创建项目，如图:
在这里插入图片描述
在这里插入图片描述
在终端输入flutter run启动程序(如图)
在这里插入图片描述

VSCode中常用快捷键 R键:点击后热加载，直接查看预览效果 P键:在虚拟机中显示网格，工作中经常使用
O键:切换Android和IOS的预览模式 Q键:退出调试预览模式

这里给大家推荐一款开发 Flutter 应用的必用插件
在这里插入图片描述

畅想未来~cc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode 安装Flutter 教程
qq_25687271的博客
09-28 5462
1.flutter run 报错，需要以--no-sound-null-safety 模式运行才不会报错。需要解决visual studio的问题， 官网下载visual studio, 在安装的时候勾选如下。打开 android studio -> tools -> sdk Manager。在桌面新建一个.bat的文件， 在文件里面添加如下命令，即可启动虚拟设备。安装android sdk 并设置安装位置，之后耐心等待安装即可。a.进入到相对应的flutter的文件下。等安装好后， 添加环境变量。
利用VScode搭建Flutter环境开发
热门推荐
qq_38774121的博客
05-31 3万+
作为一名前端程序员，为了这么个框架去下载个AndroidStudio实在是太费功夫太费时间了，所以决定在Vscode上面去搭建Flutter所需要的开发环境，搭建环境主要分为以下几点 java环境 flutter安装 Android环境 Android证书安装 Dart环境 模拟器配置 Java环境配置 https://www.oracle.com/technetwork/java/javas......
在 VSCode 中搭建 Flutter 开发环境并运行项目
最新发布
Chloeeeeeeee的博客
06-07 2879
在 VSCode 中运行 Flutter 项目并启动虚拟机的步骤如下：首先，安装 Flutter SDK 并添加其 bin 目录到系统 PATH，然后在 VSCode 中安装 Flutter 和 Dart 插件。接着，下载并安装 Android Studio，配置 Android 模拟器。创建 Flutter 项目后，打开终端启动模拟器，或通过 VSCode 工具栏选择设备，按 F5 运行项目。最后，使用调试控制台设置断点和检查变量，进行调试。这样即可在 VSCode 中运行和调试 Flutter 项目。
vscode配置flutter开发环境，不需要安装第三方安卓模拟器
tyeerth的博客
05-28 1万+
vscode配置flutter开发环境，使用Android studio自带的安卓模拟器，不需要安装第三方模拟器，即可实现vscode代码实时调试(热加载）
Windows构建Flutter环境，无法访问maven.google.com
ouhuanquan的博客
02-25 1万+
flutter 环境变量配置好之后，运行flutter doctor出现问题如下： X HTTP host https://maven.google.com/ is not reachable. Reason: An error occurred while checking the HTTP host， 尝试很多方法都无法解决，Google好久也没有解决办法，自己尝试修改http_host_validator.dart文件后得到解决，特此记录，解决办法如下： 1、找到flutter sdk的文件
日常使用vscode开发flutter相关的插件
bugyinyin的博客
08-31 966
这里整理了日常使用vscode开发flutter相关的插件，也有部分通用类型的插件。
vscode-flutter.xml-layout:Flutter的XML布局。 将Angular的风格带到Flutter！
05-03
想象一下，您可以执行以下操作： < Container xss=removed xss=removed xss=removed xss=removed xss=removed xss=removed> 代替这个： final size = MediaQuery . of (context).size; final __widget = ...
vscode-flutter-files:使用BLoC模式快速创建用于抖动的文件
05-23
VS Code Flutter文件 此扩展允许在VS Code项目中快速搭建起伏的BLoC模板。 此扩展程序对BLoC使用 支持我-安装我的音乐播放器： 自定义（动态）模板 将目录复制到您的项目（通过命令“ [FF]将模板复制到项目”）并...
vscode通过wifi调试真机的Flutter应用的教程
01-20
首先：我是在vscode 1.41.1版本下，Flutter 1.13.6版本测试wifi远程调试。 1，首先安装 ADB Commanads for VSCode扩展 并且必须确保ADB已经添加到系统环境变量中 如未添加请按照下面的方式添加，如添加请直接跳到...
安装flutter 开发环境 vscode for Mac
08-16
安装flutter 开发环境 vscode for Mac 初次使用vscode开发flutter ，适合新手小白，简单易操作 只要按照知道一步一步执行命令即可
flutter环境配置和通过vscode创建项目
07-19
flutter是goole开源的一款混合开发的框架，适合想要开发一款既能在Android上运行，又能在iOS运行的app。通过文档能够正确的配置好环境，成功创建一个demo。
Flutter-VSCode安装和配置
SanPhantom的博客
11-30 5080
第一步：安装Flutter window下Flutter官网下载链接：https://flutter.dev/docs/development/tools/sdk/releases#windows ​ 下载完Flutter后，解压到自己的本地的安装路径。随后进入flutter安装路径，运行该目录下的flutter_console.bat文件，接下来就可以来测试Flutter安装成功，可以在该安装目录下打开PowerShell，执行flutter doctor命令行来进行检测。运行后的正确结果见下图：
使用VS Code创建第一个Flutter工程
Rey的技术博客
01-09 3633
介绍Flutter的开发工具VS Code 的安装与使用。 并且介绍了如何使用VS Code来创建一个Flutter 应用
Flutter 开发环境搭建-VS Code篇
张营的技术博客
03-10 2372
Flutter环境搭建，包括Android Studio和VSCode两种IDE环境搭建，基础环境安装、插件安装、虚拟机安装、项目初始化、项目运行等。
flutter开发vscode插件推荐（开发必备）
egrhef的博客
04-05 1040
外链图片转存中…(img-FM7lphxv-1712269715791)]
Ubuntu下，Flutter安装及在VScode中的配置
qq_40467670的博客
01-15 1093
在自己指定的目录下，新建文件夹，并将源码git clone到本地。
在 VS Code 里开发 Flutter 应用
Flutter 社区
11-12 1508
本文将与你一起回顾如何在 VS Code 里进行 Flutter 应用的开发。1. 安装和配置1.1 更新扩展程序扩展的更新会定期发布。默认情况下，当有可用的更新时 VS...
VScode 运行 flutter 项目
qq_33051709的博客
02-14 1621
请确保 flutter安装环境完成 ，https://flutterchina.club/setup-linux/ 然后运行命令： flutter run 即可 先启动模拟器或者链接真机
vscode调试flutter模拟器
07-27
你可以按照以下步骤在VSCode中调试Flutter模拟器： 1. 首先，确保你已经安装了VSCode和Flutter SDK，并且Flutter环境变量正常设置。 2. 在VSCode中安装Flutter和Dart插件。在左侧的插件面板中搜索"Flutter"和"Dart...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值