Skip to content

volarjs/vscode-typescript-web

Repository files navigation

TypeScript IntelliSense for Web

TypeScript + Vue Support on Web IDE based on Volar.js

Why?

  • VSCode's built-in TypeScript extension does not support across files type-check and IntelliSense on Web IDE (github.dev), this extension implements that.

  • Since the node_modules cannot be installed by opening the project through github.dev, type hints is almost completely lost. This extension will download the missing node_modules .d.ts file from CDN, and the experience is theoretically consistent with TypeScript Playground.

Try it:

Syntax Highlighting and Grammar

This extension only includes IntelliSense support; you will still need to install the corresponding extensions for syntax highlighting and grammar:

Disable Built-in TypeScript Extension

This extension and the Built-in TypeScript Extension sometimes show duplicate results, which is not a big problem, but you still can disable the Built-in TypeScript Extension yourself if you want.

Settings

  • typescript-web.supportVue: Enable Vue support for .vue (Default true)
  • typescript-web.dts.versions: Specify the version of modules to download (Default {}), example:
    // .vscode/settings.json
    {
        "typescript-web.dts.versions": {
            "vue": "3.0.11",
            "vue-router": "4.0.8"
        }
    }
  • typescript-web.dts.globals: Automatically download the module list of the type from the cdn even if it is not imported by any script. (Default ["@types/node"])

Full-time Support by


Just click, and start coding.


Releases

No releases published

Packages

No packages published