idea无法识别package.json导致无法直接运行前端项目

前后端开发的痛,idea承担了前端vue和后端java开发重任。最近忽然发现idea无法识别 package.json 文件,导致无法直接通过鼠标点击来启动项目,
只能借助idea自带的 Terminal 手动执行,非常不优雅。

下面介绍两种我遇到的情况,以及解决方法。

一、没有安装依赖

这是最简单的错误,拉取前端代码后没有安装依赖,最直观表现为项目目录下没有 node_modules 包,该包可类同后端maven管理的依赖。两者有个比较大的区别
就是maven的依赖不能修改,而npm管理的依赖可以。

依赖是否可修改 依赖开发
npm npm link命令后,依赖可同步修改
maven 每次都要本地 maven install

可以看到依赖开发上,npm要优于maven的。话说远了😅

没有安装依赖还能怎么办?直接 npm install 走起。

二、idea未识别格式

也就是说idea识别不了以 json 后缀格式的文件,只需要简单设置即可:

  • 找到设置:Editor -> File Types
    设置idea识别json

  • 找到 JSON,点击➕,输入 *.json,表示把.json 为后缀的文件识别为 JSON 格式。
    idea识别json格式为json

  • 下面提示 .json 后缀已经被是被成了 Text 文件,怪不得有问题。点击 Ressign Wildcard 按钮重新分配一下。

等idea加载完毕后,重新打开 package.json 文件,发现正常了🎉。
idea正常识别json文件