保存js文件时,更漂亮的插件能否集成到web IDE中?

我想配置 Prettier 在WebIDE中,到目前为止还没有成功。

在我的包裹里。json文件,我有以下设置:

"scripts": {
    "format": "prettier --write \"webapp/**/*.{js,css,json}\""
},
"devDependencies": {
  "prettier": "^1.14.3",
  "eslint": "^5.7.0",
  "eslint-plugin-prettier": "^3.0.0",
  "eslint-config-prettier": "^3.1.0" //Here I get ESLint error cannot find module
}

然后,在我的。eslintrc。json文件:

"extends": ["eslint:recommended", "prettier"]

这并没有真正起作用,我的目标是在保存文件时根据Prettier进行格式化(类似于web IDE代码编辑器设置中的“美化代码”选项,该选项现在已关闭)。

我尝试清理npm文件夹并再次构建,但什么都没有发生。