vscode如何编写和使用flutter应用-VSCode-PHP中文网

首页

开发工具

VSCode

vscode如何编写和使用flutter应用

hzc

Jun 09, 2020 pm 02:20 PM

vscode

vscode如何编写和使用flutter应用

vscode编写和使用flutter应用的方法是：

1、配置插件

需要在vscode中下载插件

找到这两个插件下载好并重新加载vscode就可以了。

2、运行

flutter项目的运行命令是 flutter run
但是flutter和react-native不同的是，flutter run之后会检测是否连接设备，如果没有已连接的设备会不往下运行。
你可以通 flutter devices, 当然你配置了android的环境的话，也可以用dab命令， adb devices。

在项目运行起来后，在下方的终端会有一些输出信息，编译耗时、打debug包、安装等。
还有有一些提示信息

当你需要热加载的时候按 r，需要重启应用按R。
所以当我们每一次写好代码保存后，只要再按一下r，就可以看到最新的效果，而且flutter的热加载比rn的更快。

3、写第一个flutter应用。

按照flutter中文网（https://flutterchina.club/get-started/codelab/）
写我们第一个flutter应用。
其中我个人碰到一个问题。
就是在第2步、使用外部package中，

在pubspec.yaml文件中申明了插件依赖，保存之后自动下载了，然后在main.dart文件中引用该插件，发现没有自动补全提示，我手写全部路径，提示找不到。
然后重新打开vscode才好，应该是vscode对这个以来的读取问题。

然后是接着照着中文的代码写。flutter的也有state，据说是根据react中的state来的想法加入的。

个人体会

flutter项目比rn流畅，编译快，热加载快，应用运行也更流畅，但dart语法是真蛋疼

fluuter中文网写的文档感觉也不是很友好，很多关键的东西写的不够具体、甚至没写。
没有对state这个做解释、没有state的使用说明，然后那个路由也是。

推荐教程：《vscode入门教程》

以上是vscode如何编写和使用flutter应用的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

PHP教程

1651

276

NYT连接提示和答案

265

836

在 Windows 中设置和使用 Magic Mouse

显示更多

Related knowledge

如何将VSCODE与WSL（Linux的Windows子系统）一起使用 Aug 01, 2025 am 06:26 AM

InstallWSLandaLinuxdistributionbyrunningwsl--installinPowerShellasAdministrator,thenrestartandsetuptheLinuxdistribution.2.Installthe"Remote-WSL"extensioninVSCodetoenableintegrationwithWSL.3.OpenaprojectinWSLbylaunchingtheWSLterminal,navigat

Vscode和Visual Studio之间有什么区别 Jul 30, 2025 am 02:38 AM

VSCodeisalightweight,cross-platformcodeeditorwithIDE-likefeaturesviaextensions,idealforwebandopen-sourcedevelopment;2.VisualStudioisafull-featured,Windows-onlyIDEdesignedforcomplex.NET,C ,andenterpriseapplications;3.VSCodeperformsfasteronlower-endma

如何更改VSCODE中的字体大小？ Aug 02, 2025 am 02:37 AM

TochangethefontsizeinVSCode,useoneofthesemethods:1.OpenSettingsviaCtrl ,(orCmd ,onMac),searchfor"fontsize",andadjustthe"Editor:FontSize"value.2.OpenSettings(JSON)fromtheCommandPalette,thenaddormodify"editor.fontSize":e.g

如何在VSCODE中使用参数运行Python脚本 Jul 30, 2025 am 04:11 AM

TorunaPythonscriptwithargumentsinVSCode,configurelaunch.jsonbyopeningtheRunandDebugpanel,creatingoreditingthelaunch.jsonfile,andaddingthedesiredargumentsinthe"args"arraywithintheconfiguration.2.InyourPythonscript,useargparseorsys.argvtoacce

如何在VSCODE中使用Markdown预览 Jul 29, 2025 am 02:05 AM

要使用VSCode中的Markdown预览，无需额外安装，1.打开或创建一个.md文件；2.使用Ctrl Shift V（Windows/Linux）或Cmd Shift V（Mac）快捷键，或通过右键菜单、命令面板打开预览；3.预览默认实时更新，确保开启自动保存以保持同步；4.可通过右键预览区域切换同步滚动功能，预览支持GitHub风格Markdown和数学公式（需安装MarkdownAllinOne扩展），并可自定义CSS样式，操作简便且功能完整。

如何在VSCODE中调试单元测试 Aug 01, 2025 am 06:12 AM

CreateModifyLaunch.JSONINVSCODEBYOPENEDTHERUNANDDEBUGVIEW，SELECTingYourenVironment（例如Python，Node.js）和ConconfiguringItfo ryourtestframework（例如，pytest，jest）。2。setbreakpointsinyourtestfile，selectthedebuggconfiguration，andstartdebuggingwithf5topaus