Deno•2y ago

How to format on save with devcontainer

I'd like to automatically format my code when saving, but it's not working.
devcontainer.json

{
  "name": "Deno DevContainer",
  "dockerComposeFile": ["../compose.yml", "compose.yml"],
  "service": "deno_devcontainer",
  "workspaceFolder": "/workspace",
  "forwardPorts": [8080],
  "customizations": {
    "vscode": {
      "settings": {
        "deno.enable": true,
        "deno.lint": true,
        "deno.unstable": false,
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "denoland.vscode-deno"
      },
      "extensions": [
        "denoland.vscode-deno",
        "GitHub.copilot"
      ]
    }
  }
}

{
  "name": "Deno DevContainer",
  "dockerComposeFile": ["../compose.yml", "compose.yml"],
  "service": "deno_devcontainer",
  "workspaceFolder": "/workspace",
  "forwardPorts": [8080],
  "customizations": {
    "vscode": {
      "settings": {
        "deno.enable": true,
        "deno.lint": true,
        "deno.unstable": false,
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "denoland.vscode-deno"
      },
      "extensions": [
        "denoland.vscode-deno",
        "GitHub.copilot"
      ]
    }
  }
}

Can anyone help me ensure my code stays clean and organized?
this is repository of deno with devcontainer.
https://github.com/katayama8000/deno-devcontainer

GitHub

GitHub - katayama8000/deno-devcontainer

Contribute to katayama8000/deno-devcontainer development by creating an account on GitHub.

Deno AI Helper•1/3/24, 4:47 PM

To ensure that your code is automatically formatted on save within a devcontainer using the Deno extension for Visual Studio Code, you've already taken the right steps by setting the appropriate options in your . According to the documentation, the Deno CLI comes with a built-in formatter which can be accessed using and can be configured to be used by Visual Studio Code. The setting should trigger the formatter on each save, and the set to specifies that the Deno formatter should be used.

Your looks correctly configured for this purpose. However, if it's not working as expected, here are a few troubleshooting steps you can take:

Ensure the Deno extension is active: When you open the project in the devcontainer, make sure that the Deno extension is active and not showing any errors.
Check the Deno version: Make sure that the version of Deno installed in the devcontainer is compatible with the Deno extension in VSCode.
Check for conflicting settings: Sometimes, other settings or extensions can interfere with the formatter. Try disabling other extensions temporarily to see if there's a conflict.
Check the output of the Deno language server: Use the command from the command palette to check the current active configuration and ensure that the language server is recognizing your settings correctly.
Reload the window: Sometimes, changes in settings might require you to reload the VSCode window. You can do this by opening the command palette and typing .
Rebuild the devcontainer: If you've made changes to the after the container

Deno AI Helper•1/3/24, 4:47 PM

was built, you might need to rebuild the container for the changes to take effect.

Check the Deno extension documentation: The documentation might have additional information or steps for troubleshooting issues with formatting on save.

If you've gone through these steps and the issue persists, you might want to check the repository's issues or discussions to see if others have encountered similar problems or if there's an ongoing issue with the extension itself.

Helpful Links:
Using Visual Studio Code | Deno Docs
Using Visual Studio Code | Deno Docs
Code Formatter | Deno Docs
Set Up Your Environment - Deno Docs

razzi•1/4/24, 4:01 AM

Check the documentation here: https://marketplace.visualstudio.com/items?itemName=denoland.vscode-deno#formatting

In particular, note that their example puts the default formatter under the key

Deno - Visual Studio Marketplace

Extension for Visual Studio Code - A language server client for Deno.

Rrazzi Check the documentation here: https://marketplace.visualstudio.com/items?itemNam...

tatsuOP•1/4/24, 5:01 AM

thank you for the explain

finally format works!!