• 2 min read

Build with Deno's Fresh in Sublime Text 4

Similar to my setup guide for Next.js development with Sublime Text 4, I wanted to add in easy app building for the up-and-coming Deno runtime, specifically their new Fresh web framework. I have two tweaks that ensure developer experience just works™ and is comparable to building with other Node-based frameworks.

I initially spun up the the example my-project covered in the Fresh docs.

Thankfully, Deno already has an extensive configuration file for setting up each project. First, I put this file in a my-project.sublime-project at the root level directory.

Then, install the LSP-Deno package to get proper language server support.

These worked well, but I was still seeing a number of linter errors due to the LSP-typescript package I installed as part of my Next.js setup.

Finally, in the my-project.sublime-project file add two snippets. The first (“folders”) ensures the current folder is included in the project sidebar. Second, a snippet under the settings > LSP data keys ensures that the Typescript language server is swapped for its Deno replacement:

{
  "folders": [
    {
      "path": "."
    }
  ],
  "settings": {
    "LSP": {
      "deno": {
        "command": ["deno", "lsp"]
        // The rest of Deno's default config here...
      },
      "Deno": {
        "enabled": true
      },
      "LSP-typescript": {
        "enabled": false
      }
    }
  }
}

If the new changes aren’t taking effect, make sure to open this project file using Sublime’s Open Project… option under the Project menu, so it loads in the custom configurations.


A profile photo of Anson Lichtfuss
Written by Anson Lichtfuss, a frontend engineer building useful, beautiful interfaces in Seattle.