Do I need to commit .gitignore?

Yes — .gitignore should be committed to the repository so all collaborators benefit from the same ignore rules.

How do I add custom patterns?

Open your .gitignore file and add the pattern on a new line. Use # for comments, * for wildcards, / to match directories, and ! to un-ignore a previously ignored path.

How do I ignore a file that is already tracked?

Adding a file to .gitignore does not remove it from tracking if it was previously committed. Run: git rm --cached to stop tracking it without deleting the file locally.

.gitignore for Node + Vue

.gitignore for Vue.js projects built with the Vue CLI or Vite on Node.js.

Quick presets

Selected (2)

NodeVue

Your selections never leave your browser. Generation happens entirely client-side.

Raw

25 patterns · 503 B

# Generated by DevZone Tools — https://devzone.tools/tools/gitignore-generator
# Templates: Node, Vue
# 2026-04-20

# ---- Node ----
# Node
node_modules/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
.pnpm-debug.log*
.npm
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*
lerna-debug.log*
.env
.env.local
.env.development.local
.env.test.local
.env.production.local
dist/
build/
.cache/
*.tsbuildinfo

# ---- Vue ----
# Vue
/dist/
.env.*.local
.DS_Store

Why use Node + Vue together?

Vue.js projects use Node.js tooling regardless of whether the backend is Node-based. This combination covers node_modules, Vue CLI or Vite dist/ output, and local environment variable files.

For Nuxt.js projects, use the Nuxt + Node combination instead — Nuxt adds .nuxt/ and .output/ directories that need to be ignored.

Related combinations

nuxt-node node-react node-typescript

Frequently asked questions

Do I need to commit .gitignore?: Yes — .gitignore should be committed to the repository so all collaborators benefit from the same ignore rules.
How do I add custom patterns?: Open your .gitignore file and add the pattern on a new line. Use # for comments, * for wildcards, / to match directories, and ! to un-ignore a previously ignored path.
How do I ignore a file that is already tracked?: Adding a file to .gitignore does not remove it from tracking if it was previously committed. Run: git rm --cached <file> to stop tracking it without deleting the file locally.
Why combine Node and Vue?: Vue.js projects use Node.js tooling regardless of whether the backend is Node-based. This combination covers node_modules, Vue CLI or Vite dist/ output, and local environment variable files.

Looking for something else? Browse all templates →