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.16 (2024/5/1)
defineSlots destructuring (#4326) - Thanks @zhiyuanzmjdefineSlots (#4327)VueEmbeddedCode (#4265) - Thanks @zhiyuanzmjFileRegistry to project.program (#3963) - Thanks @zcf0508Readme
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`
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
Socket is joining forces with CISA and other industry leaders at the RSA Conference to sign the Secure by Design pledge, committing to uphold the highest security standards in our products.
Research
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.
Security News
Socket CEO Feross Aboukhadijeh joins a16z partners to discuss how modern, sophisticated supply chain attacks require AI-driven defenses and explore the challenges and solutions in leveraging AI for threat detection early in the development life cycle.