The vue-tsc npm package is a TypeScript type checker for Vue.js applications. It is used to perform type checking on Vue single-file components (SFCs) and their associated TypeScript code. It works alongside Vite and Vue 3 to provide a development experience with type safety.
Type Checking for Vue SFCs
This command performs type checking on Vue single-file components without emitting any code. It is typically used in a build or CI pipeline to ensure type safety before deployment.
vue-tsc --noEmitType Checking with Code Emission
This command performs type checking and also emits the compiled JavaScript code to the specified directory. This can be used as part of a build process that requires the compiled output.
vue-tsc --outDir distThe TypeScript npm package is the core TypeScript compiler. It provides type checking and code compilation for TypeScript files. While it does not have built-in support for Vue SFCs, it is the underlying technology that vue-tsc leverages for type checking.
VLS (Vetur Language Server) is part of the Vetur extension for Visual Studio Code and provides language support for Vue.js. It includes features like syntax-highlighting, snippet generation, Emmet, linting/error checking, formatting, and auto-completion. It is similar to vue-tsc in that it provides type checking for Vue files, but it is more focused on the in-editor experience rather than being a standalone CLI tool.
Vetur is a Visual Studio Code extension that provides tooling for Vue.js development, including syntax highlighting, IntelliSense, linting, and formatting. It is similar to vue-tsc in that it helps with type checking and error detection in Vue SFCs, but it is specifically designed as an integrated development environment (IDE) extension rather than a command-line tool.
Install: npm i vue-tsc -D
Usage: vue-tsc --noEmit && vite build
Vue 3 command line Type-Checking tool base on IDE plugin Volar.
Roadmap:
--noEmittypescript as peerDependenciesprettyhtml, prettier etc.) (with vscode-vue-languageservice version >= 0.26.4)Type check:
vue-tsc --noEmit
Build dts:
vue-tsc --declaration --emitDeclarationOnly
Check out https://github.com/johnsoncodehk/volar/discussions/640#discussioncomment-1555479 for example repo.
1.0.9 (2022/10/23)
noEmitOnError (#2053)typescript/javascript.suggest.completeFunctionCalls (#956)Server Stats command for debugging loading filesvolar.completion.normalizeComponentAutoImportName setting to support remove Vue ending for component auto import (#82)volar.vueserver.diagnosticModel setting to support pull model for diagnosticexperimentalUseElementAccessInTemplate setting in vueCompilerOptions for class component supports (#997)@types/node version and clarity words (#2043)LanguageServicePlugin error don'ts reporting. (#1147)onXxx for props autocomplete (#2034)<template> (#1465)FAQs
Unknown package
The npm package vue-tsc receives a total of 1,526,095 weekly downloads. As such, vue-tsc popularity was classified as popular.
We found that vue-tsc demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.