Flutter | windows使用vscode创建并使用夜神模拟器运行flutter

简介: 开发Flutter如果使用Android studio并运行,编译器加上虚拟机基本上直接占用2个多G内存,对于16G内存的电脑来说,压力还是有点大的。所以如果使用vscode开发是不是好很多,而且还用的顺手。

开发Flutter如果使用Android studio并运行,编译器加上虚拟机基本上直接占用2个多G内存,对于16G内存的电脑来说,压力还是有点大的。所以如果使用vscode开发是不是好很多,而且还用的顺手。

vscode配置

  • vscode安装Flutter,在插件直接搜索Flutter就可以安装了
  • vscode安装dart,同样插件搜索dart选择安装即可

flutter是使用dart开发的

vscode创建flutter项目

  • 同时按下ctrl + shift + p 输入flutter
  • 选择new Project
  • 输入项目的名称,这个时候就会创建flutter项目,并打开main.dart文件

启动模拟器

下载好夜神模拟器,然后打开夜神模拟器

新建bat脚本

cd /D D:\soft\Nox\bin // 这里是夜神模拟器安装位置的bin文件夹

adb kill-server

nox_adb.exe connect 127.0.0.1:62001

pause

运行脚本,看看是否运行好了,如果是成功运行了的话,vscode右下角会显示设备名称。

运行flutter项目

  • 可以直接在控制台输入flutter run,就可以在夜神模拟器打开app
  • 如果需要热更新,则可以点击右上角debug

打开Dart DevTools

当然,可以像调试web一样去调试flutter。打开控制台

flutter pub global run devtools

会打开一个网页,让你输入项目地址,输入地址就可以正常调试了。当你debug运行项目,会给你一个地址。调试就填写这个地址。

问题及解决

1. 模拟器报错,adb版本不一致。

\Nox\bin查看夜神abd的版本nox_adb version,查看本地sdk的sdb版本adb vesison,两个不一样的时候,可以将本地的abd复制一份到bin文件夹中,改名为nox_abd,重新运行即可。

2. sdk没有

  • 打开下载的文件夹,运行SDK Manager.exe,安装sdk,点击·Install`,勾选同意安装,等一首歌的时间~~,如果你网慢的话,还是多等会吧。

相关文章
|
14天前
|
人工智能 机器人 编译器
【C++】Windows端VS code中运行CMake工程(手把手教学)
【C++】Windows端VS code中运行CMake工程(手把手教学)
|
14天前
设置VSCode运行任务命令快捷键Alt+R,通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
设置VSCode运行任务命令快捷键Alt+R,通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
|
14天前
|
人工智能 机器人 编译器
【C++】Windows端VS code中运行CMake工程(手把手教学)
【C++】Windows端VS code中运行CMake工程(手把手教学)
|
14天前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
814 0
|
14天前
|
前端开发 Linux iOS开发
【Flutter前端技术开发专栏】Flutter在桌面应用(Windows/macOS/Linux)的开发实践
【4月更文挑战第30天】Flutter扩展至桌面应用开发,允许开发者用同一代码库构建Windows、macOS和Linux应用,提高效率并保持平台一致性。创建桌面应用需指定目标平台,如`flutter create -t windows my_desktop_app`。开发中注意UI适配、性能优化、系统交互及测试部署。UI适配利用布局组件和`MediaQuery`,性能优化借助`PerformanceLogging`、`Isolate`和`compute`。
【Flutter前端技术开发专栏】Flutter在桌面应用(Windows/macOS/Linux)的开发实践
|
14天前
|
Windows
vscode 终端无法执行npm、cnpm命令的解决办法,npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试
vscode 终端无法执行npm、cnpm命令的解决办法,npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试
94 0
|
14天前
|
Dart Shell 开发工具
解决windows安装Flutter时出现Unknown operating system. Cannot install Dart SDK.问题
解决windows安装Flutter时出现Unknown operating system. Cannot install Dart SDK.问题
|
14天前
|
C语言 C++
VScode中C++多文件编译运行问题(使用code runner配置)
VScode中C++多文件编译运行问题(使用code runner配置)
|
14天前
|
机器学习/深度学习 Java Android开发
记录一个Flutter运行的异常FAILURE: Build failed with an exception. What went wrong: A problem occurred config
记录一个Flutter运行的异常FAILURE: Build failed with an exception. What went wrong: A problem occurred config
60 0
|
14天前
|
Linux Shell Python
vscode运行Python的两种方法,及无法运行的原因
下面介绍的vscode运行Python代码的方法基于的一个前提条件是:当前的计算机已经安装好了Python,且已经配置好了相关的环境变量。如果要查看是否已经都安装好了,可以打开Windows系统的命令行工具Windows PowerShell,如果是Mac系统或Linux系统,则可以打开终端,然后键入命令:python,如果
160 3