VueViteStarter

vue-template — Vue Starter Template

By martinussuherman

A starter template based on Vue 2, TypeScript, and Vite, using pnpm for dependency management, with scripts for development, build, and linting.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Starter template combining Vue 2 with TypeScript and Vite

02

Uses pnpm as the package manager

03

Provides three types of npm scripts: development, build, and linting

04

Development mode supports hot reload; production builds include minification

05

Repository is MIT licensed and includes a GitHub Pages deployment workflow

Template Details

This is a starter template for Vue 2 projects that combines Vue 2, TypeScript, and Vite. Both the repository description and README clearly state its purpose as a starting example. The template uses pnpm as its package manager; after installing dependencies, scripts can start a development server with hot reload, run production builds with minification, and run linting with automatic fixes. The README's configuration notes point to the Vue CLI configuration reference documentation. The template itself does not list routing, state management, UI component libraries, or testing-related dependencies in the provided materials, so those capabilities must be added by the user. The repository is MIT licensed, permitting free use, modification, commercial use, and distribution of the code, but third-party assets such as demo images, fonts, and icons require separate license verification.

VueViteStarter

Is it right for your project?

Use Cases

  • When you need a Vue 2 + TypeScript + Vite project skeleton
  • When you want to unify dependency management with pnpm
  • When you want to reference build and lint script configuration for a Vue 2 project under Vite

Suitable For

  • Developers preparing to start a Vue 2 + TypeScript project
  • Teams or individuals using pnpm
  • Projects that need a lightweight starter template rather than a full business framework

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Install dependencies with pnpm install

  2. 2

    Start the development server with hot reload via pnpm run serve

  3. 3

    Run production build with minification via pnpm run build

  4. 4

    Run linting with automatic fixes via pnpm run lint

  5. 5

    The README's configuration notes link to the Vue CLI configuration reference documentation

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in a public repository under the MIT license; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 77 / 100
Technologies
Vue · Vite
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2024-04-05
Screenshot last checked
2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 5be6b64fcf3308709bc75be3e5d8b2de73d0cbca1233c80ab137f8dd23b84757

2026-10-03T02:51:27.234Z

Source file / repository
# Vue2 + Typescript + Vite Starter Template

[![CodeFactor](https://www.codefactor.io/repository/github/martinussuherman/vue-template/badge)](https://www.codefactor.io/repository/github/martinussuherman/vue-template) [![CodeQL](https://github.com/martinussuherman/vue-template/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/martinussuherman/vue-template/actions/workflows/codeql-analysis.yml) [![Publish to Github Pages](https://github.com/martinussuherman/vue-template/actions/workflows/gh-pages.yml/badge.svg)](https://github.com/martinussuherman/vue-template/actions/workflows/gh-pages.yml)
---

Starter template example for Vue2 + Typescript + Vite.

Note: Using pnpm for package manager.

## Project setup
```
pnpm install
```

### Compiles and hot-reloads for development
```
pnpm run serve
```

### Compiles and minifies for production
```
pnpm run build
```

### Lints and fixes files
```
pnpm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

vitesse

vitesse

Vitesse is an opinionated Vite + Vue 3 starter template maintained by antfu-collective, offering file-based routing, component and API auto-import, Pinia, UnoCSS, PWA, i18n, Markdown, vite-ssg, TypeScript, Vitest, and Cypress.

Vue · Starter

vitesse-webext

vitesse-webext

vitesse-webext is a Vite-powered WebExtension starter template using Vue 3 and TypeScript, with built-in popup, options, and content script examples. It targets Chrome and Firefox, integrates webextension-polyfill, webext-bridge, UnoCSS, VueUse, and unplugin tools, and supports hot reload during development.

Vue · Starter

laravel-vue-spa

laravel-vue-spa

A Laravel + Vue SPA starter kit for quickly building a decoupled web application skeleton. It includes login, registration, email verification, and password reset flows, uses JWT for authentication, and integrates Laravel Socialite with GitHub as an example provider.

Vue · Starter

vue3-h5-template

vue3-h5-template

A mobile H5 starter template built on Vue3, Vite, and Vant4, with TypeScript by default and JavaScript and i18n branches.

Vue · Starter

tov-template

tov-template

tov-template is an MIT-licensed Vite + Vue 3 + TypeScript starter maintained by dishait. It bundles file-based routing, layouts, Mock, auto-imports, UnoCSS, Pinia, vue-request, Vitest, i18n, dark mode, Dockerfile, and engineering scripts.

Vue · Starter

shadcn-vue-landing-page

shadcn-vue-landing-page

A Vue + Shadcn-Vue + TypeScript + Tailwind landing page template with sections like Navbar, Hero, Pricing, FAQ, Team, and Contact, plus dark mode and responsive layout.

Vue · Corporate Website