vscode的flutter配置与使用

最新推荐文章于 2024-05-08 22:34:17 发布
最新推荐文章于 2024-05-08 22:34:17 发布
阅读量2.6k 收藏 3
点赞数
分类专栏： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/talkxin/article/details/103890228
版权

vscode的flutter配置与使用

安装插件

  1. 安装flutter，dart插件

  2. 安装Android sdk，模拟器

  3. 重启vscode

创建应用

  1. 调用command，输入Flutter：New Project，输入项目名称

  2. 指定项目位置，确定，即开始进行项目创建

  3. 创建完成，显示main.dart

设置热重载

  1. 打开lib/main.dart文件

  2. 将字符串You have pushed the button this many times:改为You have clicked the button this many times:

  3. 即可将项目变更为所见即所得模式

PaulYoung_Blog
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter 项目：flutter的安装和环境配置
03-10
flutter
【Flutter】vs2022上开发flutter
lyhyrc的博客
12-07 487
在vs上开发flutter，结果扩展仓库上没办法找到Dart，Flutter。搜索Dart时也无法找到插件。最后发现是安装工具出错了。
Flutter-VSCode安装和配置
SanPhantom的博客
11-30 5038
第一步：安装Flutter window下Flutter官网下载链接：https://flutter.dev/docs/development/tools/sdk/releases#windows ​ 下载完Flutter后，解压到自己的本地的安装路径。随后进入flutter安装路径，运行该目录下的flutter_console.bat文件，接下来就可以来测试Flutter安装成功，可以在该安装目录下打开PowerShell，执行flutter doctor命令行来进行检测。运行后的正确结果见下图：
Flutter笔记：手动配置VSCode中Dart代码自动格式化
最新发布
jclee95的个人博客
05-08 833
长期以来Dart插件安装即自动设置代码保存自动格式化。最近几个版本不知道为什么没有设置，介绍记录一下怎么设置，顺便发个小短文。
Ubuntu下，Flutter安装及在VScode中的配置
qq_40467670的博客
01-15 1048
在自己指定的目录下，新建文件夹，并将源码git clone到本地。
vscode配置flutter开发环境，不需要安装第三方安卓模拟器
tyeerth的博客
05-28 1万+
vscode配置flutter开发环境，使用Android studio自带的安卓模拟器，不需要安装第三方模拟器，即可实现vscode代码实时调试(热加载）
Flutter doctor Visual Studio 2022 报错解决
csdnbaoxi的博客
05-17 1389
Flutte 3.0 运行Flutter doctor时，Visual Studio 2022报错内容
vscode-flutter-files:使用BLoC模式快速创建用于抖动的文件
05-23
VS Code Flutter文件 此扩展允许在VS Code项目中快速搭建起伏的BLoC模板。 此扩展程序对BLoC使用 支持我-安装我的音乐播放器： 自定义（动态）模板 将目录复制到您的项目（通过命令“ [FF]将模板复制到项目”）并...
flutter环境配置和通过vscode创建项目
07-19
flutter是goole开源的一款混合开发的框架，适合想要开发一款既能在Android上运行，又能在iOS运行的app。通过文档能够正确的配置好环境，成功创建一个demo。
Flutter VS Code环境配置 亲测一1
08-03
C#标签可能指的是Flutter可以与C#结合使用的某些场景，例如借助插件或第三方库。 首先，安装Flutter SDK是开始开发的关键步骤。你可以通过Git克隆Flutter的alpha分支，或者直接从官方发布的SDK包中下载。如果选择...
Flutter mac环境配置2020年
01-03
1.从 GitHub 上的 Flutter repo获取源代码  wangfeidembp:~ wangfei$ export PUB_HOSTED_URL=https://pub.flutter-io.cn wangfeidembp:~ wangfei$ export FLUTTER_STORAGE_BASE_...2.配置环境变量 wangfeidembp:~
Mac电脑Android Studio和VS Code配置Flutter开发环境（图文超详细）
Gamin
10-30 5155
​ 官网地址： https://docs.flutter.dev/get-started/install/macos 注意：苹果芯片需要安装rosetta翻译环境 Flutter用于git安装和升级。我们建议安装Xcode，其中包含git，但您也可以单独安装git。
Windows VS Code配置Flutter开发环境搭建2022版
Felix的博客
03-15 6481
1.下载 VS Code 2.打开VSCode 安装插件 Dart Flutter Awesome Flutter Snippets (非必要) Flutter Widget Snippets (非必要) 3.下载Flutter SDK（我现在用的是 flutter_windows_2.10.3-stable.zip）,解压缩放在任意位置 4.配置环境变量 编辑环境变量 变量名：Path 变量值：你的flutter sdk 文件夹路径\bin 记住是你的flutter sdk路径+bin目录 新
VSCode 安装Flutter 教程
qq_25687271的博客
09-28 5434
1.flutter run 报错，需要以--no-sound-null-safety 模式运行才不会报错。需要解决visual studio的问题， 官网下载visual studio, 在安装的时候勾选如下。打开 android studio -> tools -> sdk Manager。在桌面新建一个.bat的文件， 在文件里面添加如下命令，即可启动虚拟设备。安装android sdk 并设置安装位置，之后耐心等待安装即可。a.进入到相对应的flutter的文件下。等安装好后， 添加环境变量。
VSCode调试Flutter的问题解决
weixin_30463341的博客
10-12 1811
错误：Target of URI doesn't exist: package:fultter/material.dart 原因：flutter版本不匹配。flutter升级到了最新版本，而项目引用的是老版本。 解决：把项目引用的flutter升级到新版本。 错误：Unable to locate a development device; please run 'flutter do...
vscode在lauch.json中修改启动参数项以及flutterDoctor报错
qq_44181886的博客
10-19 1772
vscode在lauch.json中修改启动参数项以及flutterDoctor报错
windows + flutter + vscode 安装，配置，运行（详细版本）
热门推荐
叫我官人
08-03 4万+
 第一步：安装Git 下载地址：https://git-scm.com/download 第二步：下载Flutter SDK   Windows桌面右键点击git base here。当然你也可以选择一个文件夹打开git 命令行窗口，输入以下命令下载Flutter SDK。 git clone -b alpha https://github.com/flutter/flutter.git...
windows + flutter + vscode 最详细的配置以及使用方法
web小袋鼠
05-28 1万+
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。flutter中文网 Windows上搭建Flutter开发环境（vscode） （1）获取Flutter SDK （2）安装Android Studio （3）开发...
Flutter + vscode 配置说明
u013236043的博客
04-23 2313
1.安装 jdk(配置环境变量) git android SDK自行百度 2.下载 flutter SDK 新建文件夹 右键git bash here 执行 git clone -b alpha https://github.com/flutter/flutter.git //据说成功率不高 我试了两次成功 3.配置环境变量： FLUTTER_ST...
vscode flutter
09-16
为了在VS Code中使用Flutter，首先需要安装Flutter的SDK并配置环境变量。可以通过以下步骤进行操作： 1. 前往Flutter官网（https://flutter.dev）下载Flutter SDK并解压。 2. 将Flutter的安装路径添加到系统环境变量的PATH中。 3. 在VS Code中安装Flutter和Dart插件。 4. 打开VS Code，选择“View” -> “Command Palette”（或按下Ctrl+Shift+P），然后输入“Flutter: New Project”创建一个新的Flutter项目。 5. 打开终端，输入“flutter doctor”命令来检查Flutter环境和依赖项的安装情况。 6. 如果有缺少的依赖项，根据终端的提示进行安装。 以上是在VS Code中配置Flutter环境的基本步骤。接下来，你就可以在VS Code中开发Flutter应用程序了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值