学习问题记录:IntelliJ 2022.3.1新建vue项目报错,找不到package.json、missing script “dev“

目标

使用IntelliJ 2022.3.1 新建vue项目

前置步骤

安装Node.js,新建项目文件完成

正常情况下的步骤

打开终端,运行:

  1. npm install

  1. npm run dev

遇到的问题

输入 npm install,报错:找不到package.json。

经过确认,没有package.json文件。

解决方法

  1. 终端输入:npm init 输出如下

一波回车,目录出现了package.json文件,内容如下:

输入 npm install,输出如下,成功!

继续输入npm run dev,输出如下,再次报错:

回头看package.json文件中的scripts项中缺少dev。

  1. 终端输入:vue init webpack,输出如下

一波回车,输出如下

此时package.json文件多了很多东西,比如scripts中有dev了

再次输入npm run dev,输出如下

进入网址:

成功啦!!!鼓掌!!!开心!!!快乐!!!愉悦!!!

  • 6
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
如果你的Vue项目没有package.json文件,那么很可能你的项目不是按照Vue的标准方式创建的。package.json文件是一个用于管理项目依赖和配置的重要文件,它描述了项目的元数据和依赖关系。 如果你是从头开始创建一个Vue项目,你可以使用Vue CLI来生成一个包含package.json文件的初始项目结构。你可以按照以下步骤进行操作: 1. 确保你已经安装了Node.js和npm(Node.js的包管理工具)。 2. 打开命令行终端,并进入你想要创建项目的目录。 3. 运行以下命令安装Vue CLI(如果你已经安装过了可以跳过这一步): ``` npm install -g @vue/cli ``` 4. 运行以下命令来创建一个新的Vue项目: ``` vue create <project-name> ``` 其中`<project-name>`是你想要为项目指定的名称。 5. 在创建过程中,Vue CLI会询问你一些配置选项,如项目的特性、预设等。你可以根据需要进行选择或按回车键使用默认选项。 6. 创建完成后,进入新创建的项目目录: ``` cd <project-name> ``` 7. 现在你应该能够在项目目录中到一个名为package.json的文件,其中包含了项目的配置和依赖关系。 如果你的项目不是从头开始创建的,而是从其他地方获取的,那么可能是package.json文件被删除或遗漏了。在这种情况下,你可以手动创建一个package.json文件,并在其中添加所需的配置和依赖项。你可以运行以下命令来初始化一个空的package.json文件: ``` npm init -y ``` 这将创建一个具有默认配置的package.json文件。然后,你可以按照项目需要添加或修改其中的配置和依赖项。 希望这能帮助到你!如果你有任何进一步的问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值