在 Visual Studio Code 中从远程 SSH 连接到 VM 时 prettier 不起作用时该怎么办

介绍

在 Visual Studio Code 中从远程 SSH 连接到 VM 时
当 prettier 等扩展不起作用时，这是一种解决方法。

假设已经安装了扩展。

程序

1.将以下内容添加到settings.json

请删除被覆盖的部分。

设置.json

  "[typescriptreact]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "eslint.probe": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue"
  ],

2.VSCode重启

3.使用VSCode执行自动格式化

视窗	苹果电脑
Shift + Alt + F	选项 + F

查看日志，如果您对以下内容感到愤怒，请尝试 4。

["ERROR" - 12:31:09 AM] Cannot find module 'prettier' from '/home/hoge/XXX'
Error: Cannot find module 'prettier' from '/home/hoge/XXX'

Visual Studio CodeでRemote SSHからVMに接続した時に、prettierが効かないときの対処法

4. ssh到VM并在项目目录下执行以下命令

或者您可以从 VSCode 终端执行此操作。

$ cd ~/home/hoge/XXX
$ yarn

这次我用yarn试了一下，但是如果是npm的话，下面的也是可以的。

npm install -D --save-exact prettier

之后，在 VSCode 中执行自动格式化。

结论

自然，
这意味着您还必须将必要的软件包放入 VM 中。

原创声明：本文系作者授权爱码网发表，未经许可，不得转载;

原文地址：https://www.likecs.com/show-308623200.html