There are several env vars that control how Deno behaves:

    defaults to $HOME/.cache/deno but can be set to any path to control where generated and cached source code is written and read to.

    NO_COLOR will turn off color output if set. See . User code can test if NO_COLOR was set without having --allow-env by using the boolean constant Deno.noColor.

    You can generate completion script for your shell using the deno completions <shell> command. The command outputs to stdout so you should redirect it to an appropriate file.

    The supported shells are:

    • zsh
    • bash
    • fish
    • powershell
    • elvish

    Example (bash):

    Example (zsh without framework):

    1. mkdir ~/.zsh # create a folder to save your completions. it can be anywhere
    2. deno completions zsh > ~/.zsh/_deno

    then add this to your .zshrc

    1. fpath=(~/.zsh $fpath)
    2. autoload -Uz compinit
    3. compinit -u

    and restart your terminal. note that if completions are still not loading, you may need to run rm ~/.zcompdump/ to remove previously generated completions and then compinit to generate them again.

    Example (zsh + oh-my-zsh) [recommended for zsh users] :

    Example (Powershell):

    1. deno completions powershell >> $profile
    2. .$profile

    This will be create a Powershell profile at $HOME\Documents\WindowsPowerShell\Microsoft.PowerShell_profile.ps1 by default, and it will be run whenever you launch the PowerShell.

    Because Deno requires the use of file extensions for module imports and allows http imports, and most editors and language servers do not natively support this at the moment, many editors will throw errors about being unable to find files or imports having unnecessary file extensions.

    The community has developed extensions for some editors to solve these issues:

    VS Code

    The beta version of is published on the Visual Studio Marketplace. Please report any issues.

    JetBrains IDEs

    Support for JetBrains IDEs is available through the Deno plugin.

    Once installed, replace the content of External Libraries > Deno Library > lib > lib.deno.d.ts with the output of deno types. This will ensure the typings for the extension match the current version. You will have to do this every time you update the version of Deno. For more information on how to set-up your JetBrains IDE for Deno, read on YouTrack.

    Vim and NeoVim

    Vim works fairly well for Deno/TypeScript if you install (intellisense engine and language server protocol) or ALE (syntax checker and language server protocol client).

    CoC

    After CoC is installed, from inside Vim, run:CocInstall coc-tsserver and :CocInstall coc-deno. Run :CocCommand deno.initializeWorkspace in your project to initialize workspace configurations. From now on, things like gd (go to definition) and gr (goto/find references) should work.

    ALE

    ALE integrates with Deno’s LSP out of the box and should not require any extra configuration. However, if your Deno executable is not located in $PATH, has a different name than deno or you want to use unstable features/APIs, you need to override ALE’s default values. See .

    ALE can fix linter issues by running deno fmt. To instruct ALE to use the Deno formatter the ale_linter setting needs to be set either on a per buffer basis (let b:ale_linter = ['deno']) or globally for all TypeScript files (let g:ale_fixers={'typescript': ['deno']})

    1. " Use ALE autocompletion with Vim's 'omnifunc' setting (press <C-x><C-o> in insert mode)
    2. autocmd FileType typescript set omnifunc=ale#completion#OmniFunc
    4. " Make sure to use map instead of noremap when using a <Plug>(...) expression as the {rhs}
    5. nmap gr <Plug>(ale_rename)
    6. nmap gR <Plug>(ale_find_reference)
    8. nmap gD <Plug>(ale_go_to_type_definition)
    10. let g:ale_fixers = {'typescript': ['deno']}

    Emacs

    Emacs works pretty well for a TypeScript project targeted to Deno by using a combination of which is the canonical way of using TypeScript within Emacs and typescript-deno-plugin which is what is used by the .

    To use it, first make sure that tide is setup for your instance of Emacs. Next, as instructed on the typescript-deno-plugin page, first npm install --save-dev typescript-deno-plugin typescript in your project (npm init -y as necessary), then add the following block to your tsconfig.json and you are off to the races!

    You can also use built-in Deno language server by using .

    Example configuration:

    1. (add-to-list 'eglot-server-programs '((js-mode typescript-mode) . (eglot-deno "deno" "lsp")))
    3.   (defclass eglot-deno (eglot-lsp-server) ()
    4.     :documentation "A custom class for deno lsp.")
    6.   (cl-defmethod eglot-initialization-options ((server eglot-deno))
    7.     "Passes through required deno initialization options"
    8.     (list :enable t
    9.     :lint t))

    Atom

    Install package and atom-ide-deno package on Atom.

    LSP clients

    Deno has builtin support for the Language server protocol as of version 1.6.0 or later.

    If your editor supports the LSP, you can use Deno as a language server for TypeScript and JavaScript.

    The editor can start the server with deno lsp.

    Example for Kakoune

    After installing the kak-lsp LSP client you can add the Deno language server by adding the following to your kak-lsp.toml

    1. [language.deno]
    2. filetypes = ["typescript", "javascript"]
    3. roots = [".git"]
    4. command = "deno"
    5. args = ["lsp"]
    7. [language.deno.initialization_options]
    8. enable = true
    9. lint = true
    Example for Vim/Neovim
    Example for Sublime Text
    • Install the
    • Install the TypeScript package to get syntax highlighting
    • Add the following .sublime-project file to your project folder
    1. {
    2.   "settings": {
    3.     "LSP": {
    4.       "deno": {
    5.         "command": [
    6.           "deno",
    7.           "lsp"
    8.         ],
    9.         "initializationOptions": {
    11.           "enable": true,
    12.           // "importMap": "", // Sets the path for the import-map in your project
    13.           "lint": true,
    14.           "unstable": false
    15.         },
    16.         "languages": [
    17.           {
    18.             "languageId": "javascript",
    19.             "scopes": ["source.js"],
    20.             "syntaxes": [
    21.               "Packages/Babel/JavaScript (Babel).sublime-syntax",
    22.               "Packages/JavaScript/JavaScript.sublime-syntax"
    23.             ]
    24.           },
    25.           {
    26.             "languageId": "javascriptreact",
    27.             "scopes": ["source.jsx"],
    28.             "syntaxes": [
    29.               "Packages/Babel/JavaScript (Babel).sublime-syntax",
    30.               "Packages/JavaScript/JavaScript.sublime-syntax"
    31.             ]
    32.           },
    33.           {
    34.             "languageId": "typescript",
    35.             "scopes": ["source.ts"],
    36.             "syntaxes": [
    37.               "Packages/TypeScript-TmLanguage/TypeScript.tmLanguage",
    38.               "Packages/TypeScript Syntax/TypeScript.tmLanguage"
    39.             ]
    40.           },
    41.           {
    42.             "languageId": "typescriptreact",
    43.             "scopes": ["source.tsx"],
    44.             "syntaxes": [
    45.               "Packages/TypeScript-TmLanguage/TypeScriptReact.tmLanguage",
    46.               "Packages/TypeScript Syntax/TypeScriptReact.tmLanguage"
    47.             ]
    48.           }
    49.         ]
    50.       }
    51.     }

    If you don’t see your favorite IDE on this list, maybe you can develop an extension. Our can give you some pointers on where to get started.