Home

Awesome

The project is no longer maintained. move to official extension

English | 中文简体

<div align="center">

Visual Studio Code Deno extension

GitHub Workflow Status Coverage Status DeepScan grade

Visual Studio Marketplace Version Visual Studio Marketplace Installs Visual Studio Marketplace Downloads Visual Studio Marketplace Rating Visual Studio Marketplace Rating (Stars)

GitHub code size in bytes GitHub repo size GitHub

Adds Deno support for the Visual Studio Code.

screenshot

</div>

Features:

<details><summary>Full intellisense support</summary>

Deno Support

</details> <details><summary>Intelligent module import</summary>

Import

</details> <details><summary>Supports importing ECMAScript modules</summary>

Import

</details> <details><summary>Diagnostics and quick fixes</summary>

Diagnostics

</details> <details><summary>Optional use of Deno's built in formatting</summary>

Format

</details> <details><summary>Client/Server model with LSP</summary>

The extension separates Client/Server with LSP

This means that complicated problems are handled on the server-side

The extension won't block your Visual Studio Code

Process

</details> <details><summary>Supports `Import Maps` for Deno</summary>

import_map

</details> <details><summary>External type definitions</summary>

The extension supports the following ways to load external declaration files

These are all supported by Deno

  1. Compiler hint
// @deno-types="./foo.d.ts"
import { foo } from "./foo.js";

see example

  1. Triple-slash reference directive
/// <reference types="https://raw.githubusercontent.com/date-fns/date-fns/master/typings.d.ts" />

import { format } from "https://deno.land/x/date_fns/index.js";

format(new Date(), "yyyy/MM/DD");

see example

  1. X-TypeScript-Types custom header
import { array } from "https://cdn.pika.dev/fp-ts";

const M = array.getMonoid<number>();
console.log("concat Array", M.concat([1, 2], [2, 3]));
</details> <details><summary>Deno version manager integration</summary>

Investigating integration into the extension

We recommend you using dvm for the manager Deno version.

</details>

Usage

  1. Download and enable the extension from the Visual Studio Marketplace

  2. Enable Deno for your project:

    Create a file .vscode/settings.json in your project folder:

    // .vscode/settings.json
    {
      "deno.enable": true,
    }
    
  3. Enjoy!

Configuration

We recommend that you do not set global configuration. It should be configured in .vscode/settings.json in the project directory:

// .vscode/settings.json
{
  "deno.enable": true,
  "deno.import_map": "./path/to/import_map.json",
  "deno.unstable": false,
}

This extension also provides Deno's formatting tools, settings are in .vscode/settings.json:

// .vscode/settings.json
{
  "[typescript]": {
    "editor.defaultFormatter": "axetroy.vscode-deno",
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "axetroy.vscode-deno",
  },
}

Contribute

Follow these steps to contribute, the community needs your strength.

  1. Fork project

  2. Clone onto your computer:

    $ git clone https://github.com/your_github_name/vscode-deno.git
    $ cd vscode-deno
    $ yarn # or npm install
    
  3. Disable extension in Visual Studio Code if you have extension before

  4. Start debug extension

    Open Visual Studio Code, find the Run item in the sidebar and then run Launch Client task.

    Wait for Visual Studio Code debugger to open a new window

  5. Try updating Visual Studio Code and restart the debugger

  6. Finally, push to your fork and send a PR

Thanks

This project was originally a fork of justjavac/vscode-deno, Thanks for their contributions.

License

The MIT License