哪个vscode插件， 会自动执行vue项目 npm run dev命令，并在vscode上显示网页小窗口？
哪个vscode插件， 会自动执行vue项目 npm run dev命令，并在vscode上显示网页小窗口？
推荐你试试「Code Runner」这个扩展程序。通过这个扩展程序，你可以在 VSCode 中直接运行 JavaScript 并查看运行结果，同时你可以自定义脚本执行的命令参数。你可以按照以下步骤操作：
- 首先，在 VSCode 中打开你的项目文件夹，找到你的 Vue 项目的 package.json 文件。
- 安装「Code Runner」插件。在 VSCode 菜单栏中选择「查看」->「扩展」，在搜索框中输入「code runner」，在搜索结果中选择 Code Runner 并安装。
- 打开你的 Vue 项目列表，在你的项目上单击右键，在弹出的菜单中选择「在终端中运行」，随后在终端中输入命令：
npm run dev。 - 然后，你应该在浏览器中看到了自动打开的项目页面。如果没有自动打开，请访问 localhost:8080（或配置文件中的端口号）。
注意：你不必使用「Code Runner」插件来启动 Vue 项目。你可以在终端中手动输入命令来启动项目。
https://www.52dianzi.com/category/article/19317d4e6ed4501b9d079a456e552b21.html?btwaf=43604760
参考以上配置
- 你看下这篇博客吧, 应该有用👉 ：vscode启动vue项目，升级node ，提示npm版本不支持.
- 除此之外, 这篇博客: vscode下vue的项目结构分析中的 1.npm相关文件 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
- node_modules
npm是一个包管理器，可以安装很多别人的包，那么我们安装的包呢就放在node_modules里面 - package.json
我们安装了哪些包会在package.json里面做记录
主要存放项目依赖项的安装目录，dependencies为生产依赖，devDependencies为开发依赖 - package-lock.json
它是为了防止你需要重新安装项目时，下的包版本不一样，这里记录了你下载的包的详细信息，锁住版本号，防止出现因为版本不一样带来的问题
- node_modules