A static code analysis tool for detecting code smells and best practice violations in Vue.js and Nuxt.js projects.
![]() rrd |
![]() David Pena |
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
ext install WebMania.vue-mess-detector
More info: https://marketplace.visualstudio.com/items?itemName=WebMania.vue-mess-detector
# using pnpm
pnpm add vue-mess-detector -D
# using yarn
yarn add vue-mess-detector -D
# using npm
npm install vue-mess-detector --save-dev
# using bun
bun add @rrd/vue-mess-detector --dev
# using deno
deno add @rrd/vue-mess-detector
# using pnpm
pnpm dlx jsr add @rrd/vue-mess-detector -D
# using yarn
yarn dlx jsr add @rrd/vue-mess-detector -D
# using npm
npx jsr add @rrd/vue-mess-detector --save-dev
# using bun
bunx jsr add @rrd/vue-mess-detector --dev
If you want to analyze your full project directory.
npx vue-mess-detector analyze
If you want to analyze only your src/components
directory.
npx vue-mess-detector analyze ./src/components
If you want to ignore some rulesets add the --ignore
flag with comma separated list of rulesets to ignore.
npx vue-mess-detector analyze ./src --ignore=vue-caution,rrd
If you want to apply only some rulesets add the --apply
flag with comma separated list of rulesets to apply.
npx vue-mess-detector analyze ./src --apply=vue-caution,rrd
👉 For more information, see the documentation.
See CONTRIBUTING.md file.