vue-tsc
Advanced tools
Package description
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.
Changelog
2.0.7 (2024/3/20)
[!NOTE] Hybrid Mode is now disabled by default, you need to enable
vue.server.hybridModein settings to enable it explicitly.
@vue/language-plugin-pug in doctordefineSlots allows empty params (#4093) - thanks @EvertvdwdefineModel emits type on-demand (#4052) - thanks @so1vev-for (#3859) - thanks @so1vetsl linter and auto fix workflow (#4100)Readme
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/vuejs/language-tools/discussions/640#discussioncomment-1555479 for example repo.
FAQs
Install: `npm i vue-tsc -D`
The npm package vue-tsc receives a total of 1,312,836 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
A hospital in Mobile, Alabama, agreed to a settlement in a landmark ransomware death lawsuit, but is now reportedly reconsidering the agreement and refusing to pay.
Security News
A new report explores how advancements in LLMs are enhancing cyber threats, including polymorphic malware, personalized spearphishing, and the risk of hijacking customer service bots.
Security News
ESLint has approved an RFC that adds support for TypeScript configuration files, which is aimed at improving the developer experience and recognizing changes in the evolving JavaScript ecosystem.