WebStorm IDE 未检测到 Prettier 软件包答案

【问题标题】：Prettier package not getting detected by WebStorm IDEWebStorm IDE 未检测到 Prettier 软件包
【发布时间】：2022-01-27 17:01:23
【问题描述】：

最近才开始使用WebStorm，在VS Code里面的项目中一直使用Prettier，所以想在这里实现，但是遇到WebStorm检测不到Prettier安装的问题。

当我进入Settings > Languages & Frameworks > Prettier 时，我无法在“更漂亮的包”下拉菜单中选择包。是的，我可以自己链接安装，但每次我创建一个新项目时，设置都会被重置（以及“使用文件运行”），所以这不是要走的路。

我该如何解决这个问题？我已经检查了 node.js 路径，多次使用 -G 重新安装了 Prettier，更新了节点，但没有任何帮助。有什么解决办法吗？

【问题讨论】：

【解决方案1】：

全局安装prettier： npm install --global prettier

然后从 webstorm 进入 Prettier 首选项，在 Prettier 包下插入这个路径：/usr/local/lib/node_modules/prettier

这是安装全局 node_modules 的位置（不是项目级别）。

选择它应该运行的文件，为 JS/TS 文件插入 {**/*,*}.{js,ts,jsx,tsx}。

编码愉快！

【讨论】：

【解决方案2】：

在 Windows 上，我使用“%appdata%”键在系统中搜索到 appdata 文件夹。然后到npm > node_modules > prettier文件夹并复制Prettier包的文件夹路径

【讨论】：