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

最新推荐文章于 2023-12-25 20:30:38 发布
原创 最新推荐文章于 2023-12-25 20:30:38 发布 · 5.3k 阅读 · 12 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vue.js #vue
博主在尝试使用VSCode配置Vue开发环境时遇到问题，尽管项目目录下存在package.json文件，但在终端中无法识别。通过调整工作目录并使用`npm run dev`指令后，发现指令执行失败。最终，通过切换为`npm run serve`成功启动Vue应用，并在浏览器中预览到了预期界面。

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

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/，出现如下界面
在这里插入图片描述

VSCode插件开发全攻略之package.json详解
12-20
package.json 在详细介绍vscode插件开发细节之前，这里我们先详细介绍一下vscode插件的package.json写法，但是建议先只需要随便看一下，了解个大概，等后面讲到具体细节的时候再回过头来看。 如下是package.json文件的常用配置，当然这里还不是全部： { // 插件的名字，应全部小写，不能有空格 "name": "vscode-plugin-demo", // 插件的友好显示名称，用于显示在应用市场，支持中文 "displayName": "VSCode插件demo", // 描述 "description": "VSCode插件demo集锦",
vscode 创建vue模板
学无的博客
07-03 4283
1.选择file ->preference->User Snippets . 2. 输入vue ,然后选择vue.json 或者vue 3.在vue.json 文件中输入以下内容，然后保存 { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class='$1'></div>", "</template&..
vscode快速生成vue代码---创建Vue代码模板
12程序猿的博客
07-16 3136
VS Code 快速创建Vue代码： 步骤1：文件 —>首选项 —>用户片段（或用户代码片段） 在出现的窗口中输入vue，点击进入vue.json文件，若没有则新建。 步骤2：在vue.json文件中编写对应的模板 模板内容可自定义，如下： { // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // descriptio
vscode 安装离线插件失败 找不到json
Ruiqi8的博客
06-13 2938
vscode 安装离线插件失败解决方法
package.json 文件万字详解
油墨香^-^的博客
02-06 3740
package.json详解：Node.js项目的核心配置文件 package.json是Node.js项目的核心配置文件，采用JSON格式存储项目元数据、依赖关系和脚本命令等关键信息。该文件位于项目根目录，主要功能包括： 项目标识：定义名称、版本、描述等基础信息 依赖管理：通过dependencies（生产依赖）和devDependencies（开发依赖）等字段记录包依赖关系 脚本命令：提供可执行的npm脚本，支持项目构建、测试等自动化操作 配置信息：包含项目构建、发布等配置 文件结构包含必需字段（nam
关于vscode中vue.json文件不存在的问题
weixin_64983593的博客
05-14 1543
最近在做前端vue的项目，在做项目时，涉及到了快速创建vue文件的问题，其中的自动配置需要对vue.json文件进行修改。在我搜索vue.json文件时却没有发现，最后发现搜索栏中显示的vue即为vue.json文件。然后新建文件输入vue等其自动补全。
【Vetur找不到package.json和tsconfig.json】Vetur can‘t find ‘package.json’ / ‘tsconfig.json‘ in xxxx的解决方法
热门推荐
laker12的博客
05-17 1万+
Vetur 找不到 package.json(Vetur can't find package.json) Vetur 找不到 tsconfig.json(Vetur can't find tsconfig.json)
Vue项目中ESLint配置（VScode）
z772330927的博客
06-23 1万+
Vue项目中ESLint配置
vscode代码格式化配置，配合package.json
fire_f_f的博客
10-13 1981
package.json配置 vscode setting.json配置 { "editor.tabSize": 2, "files.associations": { "*.vue": "vue" }, "eslint.options": { "extensions": [".js", ".vue"] }, // 添加vue支持 "eslint.validate": ["javascript", "javascriptreact", "vue"], "search.excl
vue项目集成eslint（无需prettier），配合vscode自动检测及手动修复、package.json脚本检测及自动修复
JarryNeverGiveup的博客
12-25 2571
本文解决了两个大家最关心的问题： 1、使项目在coding阶段能够通过vscode编辑器实时检测代码语法、内部错误和风格问题并高亮提示，可随时通过快速修复按钮修复可自动修复的问题（部分语法问题无法自动修复） 2、使项目能通过package.json文件的scripts模块配置的脚本自动检测、自动修复代码语法、内部错误和风格问题，并能够输出检测报告
【Vue脚手架避坑】创建vue-cli后报错找不到package.json文件
大三计算机科班学生热衷于技术分享，结识志同道合的伙伴
03-18 2406
【Vue脚手架避坑】创建 vue-cli 后报错找不到 package.json 文件
VUE项目运行失败原因以及解决办法
Smile1552911411的博客
04-04 1万+
ENOENT: no such file or directory, open 'D:\code\human_resource_management 3\package.json'
npm run dev 找不到package.json文件，怎么办……
2201_75806156的博客
03-29 2033
问题描述：D:\可视化\项目二资料\PeachVueTemplate/package.json。找到之后，在这个当前文件夹目录使用cmd命令，就可以进行后续的操作了。解决办法：在下一级找到json文件。问题3：npm run dev。文件，启动项目路径不正确。
关于node npm install报错无法生成packge.json文件的踩坑解决方法
Mr_pets的博客
11-08 4064
关于node npm install报错无法生成packge.json文件的踩坑解决方法 写在前面：这是解决方法是我个人遇到的情况，其他的可能还有其他的原因导致的，这里就说下我的这个原因和解决方法 出现原因： 我新建了一个文件夹（ToDoApp）注意这个文件夹名字是大写 cd ToDoApp -进入这个文件夹 执行：npm install 只出现了package-lock.json文件，并没...
vue项目没有package.json文件
weixin_52941842的博客
03-01 7139
终端输入npm init 然后一直点回车，直到出现package相关配置
vscode 查看package.json依赖包最新版本
qq_33715850的博客
05-22 2261
vscode 查看package.json依赖包最新版本
npm install没有node_文件，并且package.json文件缺失
困难总比办法多
04-19 7172
有关npm-install的百分之80%问题的解决方法问题一：package.json文件初始化失败问题二：npm install之后不出现node_依赖文件问题三：vue-cli-service不存在怎样怎样 问题一：package.json文件初始化失败       使用npm init对vue项目进行初始化，狗血的不能再狗血，血的教训。       由于该死的项目里没有package
vscode建立vue模板
风里有诗句哈的博客
03-30 1161
依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue后按enter，会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中： { "Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<tem...
vue只有package-lock.json，没有package.json文件的时候
铁锤妹妹的博客
10-24 7791
一、前言 当博主把项目中的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文
npm install 包的时候，提示安装成功，但是项目中没有出现，node_modules也没有安装的包，package.json中也没有任何依赖包记录
qq_38389533的博客
08-28 4065
npm install 包的时候，提示安装成功，但是项目中没有出现，node_modules也没有安装的包，package.json中也没有任何依赖包记录
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

进击攻城狮

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

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

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

打赏作者

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

抵扣说明：

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

余额充值