Morioh
Login
Idris Brhane

Idris Brhane

3 years ago

Visual Studio Code Deno extension

Visual Studio Code Deno extension

Adds Deno support for VS Code using the TypeScript Deno language service plugin.

Usage

This extension works using VS Code’s built-in version of TypeScript. You do not need to configure the plugin in your tsconfig.json if you are using VS Code’s version of TypeScript.

If you are using VS Code 1.40 or older and are using a workspace version of typescript, you must currently configure the TS Server plugin manually by following these instructions

Preview

without this plugin

If we write from "./hello.ts", the editor(VS Code) will prompt for a tilde error. Because the default TypeScript project does not need to write the extension .ts.

ts(2691): An import path cannot end with a ‘.ts’ extension. Consider importing ‘./hello’ instead.

ts(2691)

ts(2691)

Deno allows imports from URLs, like the browser. But TypeScript can not find the module from URLs.

ts(2307): Cannot find module ‘https://deno.land/x/std/log/mod’.

ts(2307)

after installing this plugin

Deno caches remote imports in a special directory specified by the $DENO_DIR environmental variable. It defaults to the system’s cache directory if $DENO_DIR is not specified.

This plugin can resolve remote imports as local path.

with-plugin

Configuration

You can configure the Deno extension using a tsconfig as described here, or configure it with VS Code settings. This requires VS Code 1.40+ and TS 3.8+. Note the VS Code based configuration overrides the tsconfig configuration.

  • deno.enable - Enable/disable this extension. Default is true.

  • deno.alwaysShowStatus - Always show the Deno status bar item. Default is true.

  • deno.importmap - The Path of import maps. Default is null.

  • deno.autoFmtOnSave - Turns auto format on save on or off. Default is false. (Not implemented)

Commands

This extension contributes the following commands to the Command palette.

  • Enable Deno - Enable this extension.
  • Disable Deno - Disable this extension.

Contribute

Report a bug or a suggestion by posting an issue on the git repository.

Download Details:

Author: denoland

Live Demo: https://marketplace.visualstudio.com/items?itemName=denoland.vscode-deno

GitHub: https://github.com/denoland/vscode_deno

#deno #nodejs #javascript #node-js

Visual Studio Code Deno extension
28.80 GEEK