vscode配置vue环境找不到package.json

最新推荐文章于 2024-05-06 20:36:22 发布
最新推荐文章于 2024-05-06 20:36:22 发布
阅读量4.5k 收藏 10
点赞数 12
文章标签： vue.js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yi_chen_c/article/details/124260630
版权
博主在尝试使用VSCode配置Vue开发环境时遇到问题，尽管项目目录下存在package.json文件，但在终端中无法识别。通过调整工作目录并使用`npm run dev`指令后，发现指令执行失败。最终，通过切换为`npm run serve`成功启动Vue应用，并在浏览器中预览到了预期界面。
摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

vscode配置vue环境找不到package.json

前言

`由于web老师要求我们从vue,react,bootstrap三大框架学习一个，思来想去，决定学习vue，今天尝试在vscode配置了vue环境

废话不多说，直接上截图

问题

目录里面包含package.json,但是终端里面说不存在package.json
在这里插入图片描述

处理

我这里是路径的问题，需要cd到对应的工程，再npm run dev就可以运行成功。
在这里插入图片描述
但是出了一点问题，npm run dev失败了，我这里换了一个指令new run serve,最后成功了
—在这里插入图片描述
最后单击crul+鼠标，打开http://localhost:8081/，出现如下界面
在这里插入图片描述

进击攻城狮
关注
【避坑总结】创建vue-cli后报错找不到package.json文件
ixx_0的博客
04-22 3860
在一次利用vue-cli创建vue项目后，敲入npm run dev后报错找不到package.json文件 npm ERR! path C:\Users\000\Desktop\vue-sign-system\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall open npm ERR! enoent E...
vue.config.js打包配置
老司机的后备箱
09-30 1241
整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
vscode 安装离线插件失败 找不到json
Ruiqi8的博客
06-13 1308
vscode 安装离线插件失败解决方法
vscode安装扩展Volar失败 错误：“未在zip中找到扩展名/package.json。”
m0_64436820的博客
07-21 3135
安装Volar遇到了些问题，后来解决了，在这里总结一下。
【Vue脚手架避坑】创建vue-cli后报错找不到package.json文件
大三计算机科班学生热衷于技术分享，结识志同道合的伙伴
03-18 1942
【Vue脚手架避坑】创建 vue-cli 后报错找不到 package.json 文件
vue只有package-lock.json，没有package.json文件的时候
铁锤妹妹的博客
10-24 6938
一、前言 当博主把项目中的package.json与package-lock.json文件，还有node_moudle文件删除，然后执行npm init之后，发现竟然没有package.json，真是奇怪 最后百度发现： 当package.json与package-lock.json都不存在，执行"npm install"时，node会重新生成package-lock.json文件，然后把node_modules中的模块信息全部记入package-lock.json文件，但不会生成package.json文
vue项目没有package.json文件
weixin_52941842的博客
03-01 6395
终端输入npm init 然后一直点回车，直到出现package相关配置
VSCode插件开发全攻略之package.json详解
12-20
在详细介绍vscode插件开发细节之前，这里我们先详细介绍一下vscode插件的package.json写法，但是建议先只需要随便看一下，了解个大概，等后面讲到具体细节的时候再回过头来看。 如下是package.json文件的常用配置，...
[vscode]快速更新package.json里的依赖版本
weixin_33854644的博客
06-08 4792
vscode是个超级好用的开发工具，谁用谁知道。 不少前端开发者可能有和我一样的依赖保绿强迫症，简单说，就是见不得下面这些图标： 但是手动一个个依赖检查么？不现实，也太累了。 用npm update？那说明你还是太年轻了，看看它的说明吧： This command will update all the packages listed ...
【Vue】高级系列（二）配置Vue脚手架-npm方法-vscode配置-vue.config.js-项目打包与发布-ESlint使用
YK菌的博客
01-30 2642
学习使用vue-cli Vue官方提供的脚手架工具
Vue报错找不到package.json
热门推荐
weixin_44464373的博客
05-21 1万+
C:\Users\iu\Desktop\StdentGrade>npm run dev npm ERR! path C:\Users\iu\Desktop\StdentGrade\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall open npm ERR! enoent ENOENT: no suc...
关于vscode中vue.json文件不存在的问题
weixin_64983593的博客
05-14 1155
最近在做前端vue的项目，在做项目时，涉及到了快速创建vue文件的问题，其中的自动配置需要对vue.json文件进行修改。在我搜索vue.json文件时却没有发现，最后发现搜索栏中显示的vue即为vue.json文件。然后新建文件输入vue等其自动补全。
npm run dev 找不到package.json文件，怎么办……
2201_75806156的博客
03-29 1550
问题描述：D:\可视化\项目二资料\PeachVueTemplate/package.json。找到之后，在这个当前文件夹目录使用cmd命令，就可以进行后续的操作了。解决办法：在下一级找到json文件。问题3：npm run dev。文件，启动项目路径不正确。
Vscode 总是发现不到包package
最新发布
helloasimo的博客
05-06 482
Vscode 右下角，选择3.8.6就不再报错，其他最新版本的3.11.7就不行。
vue项目没有package.json no such file or directory, open ‘D:\ace\m-b2c-upp\package.json
请告诉他
10-26 7401
问题描述 解决办法： 在当前项目的目录下输入npm init并回车 结果
vue项目运行——本项目下未包含任何package.json值
weixin_43308917的博客
01-05 3683
要打开项目的根目录，不要打开成项目的上一级目录 在HBuilder打开是这样的目录结构
VScode运行Vue项目右下角弹框：Vetur can‘t find ‘package.json，Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json
2301_76830583的博客
03-26 1249
还有另一种思路，如果不单独弄一个工作区，直接把子文件夹里的package.json和tsconfig.json复制一份，粘贴在根目录下呢？通过查询别的资料，我知道了Vetur这个插件只会去工作区的根目录找package.json文件，恰好我的项目todolist确实是作为子文件夹存在于工作区，难怪报错。顺着这个思路，我把todolist文件单独拉出来放一个工作区，todolist里面的package.json就在根目录里了。我尝试过，下载后咔咔报错，不停飘红，跟没关闭语法检查模式类似。配置好后没有再报错。
运行vue-cli项目显示找不到package.json文件
qq_50692829的博客
11-06 1818
运行vue-cli项目时，一直显示找不到package.json文件
vscode出现npm run dev 运行不了怎么解决_在VS Code下配置并运行TypeScript
06-08
如果在 VS Code 中运行 npm run dev 遇到问题，可以尝试以下步骤来解决： 1. 确保已经在项目根目录下执行了 npm install 命令，安装了项目所需的依赖包。 2. 检查 package.json 文件中的 scripts 部分，确保有一个名为 dev 的脚本，并且该脚本使用正确的命令启动项目。例如： ``` "scripts": { "dev": "node index.js" } ``` 3. 确保已经安装了项目所需的 TypeScript 相关依赖包，包括 typescript、ts-node 和 @types/node。可以通过以下命令进行安装： ``` npm install --save-dev typescript ts-node @types/node ``` 4. 检查项目中的 tsconfig.json 文件，确保 TypeScript 编译器能够正确地识别项目中的文件和模块。可以使用以下命令生成一个基本的 tsconfig.json 文件： ``` npx tsc --init ``` 5. 确保 VS Code 中安装了 TypeScript 扩展程序，以便在编辑代码时获得更好的语法高亮和代码提示。 如果以上步骤无法解决问题，可以尝试在 VS Code 中使用终端面板运行 npm run dev 命令，以查看详细的错误信息。也可以参考 TypeScript 官方文档和 VS Code 官方文档，寻找更多有关配置和运行 TypeScript 项目的信息。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

进击攻城狮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值