Sp0ne / vue3-vite-typescript-starter

Simple fast starter for developing with Vue 3 and Typescript in Vite. (With Lint & Prettier tools)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vue3 + Vite + Typescript Starter

Simple starter template for developing Vue 3 app with some often used features

πŸ’» Vue 3 | Vite | Typescript | Vuex | ESLint | Prettier | Axios.

Screen Starter


πŸ“¦οΈ Features

  • VueJs (Composition API) vuejs3
  • ViteJs
  • Typescript support
  • Routing via vue-router
  • ESLint + Prettier
  • Axios
  • Vuex vuex4
  • Scss/Sass support
  • Cypress.io e2e tests
  • More soon…

πŸ’Ύ Installation

πŸ‘‡ Hit in your terminal for setup

# npm install
yarn

πŸ₯‘ Usage / Get Started

# Compiles & hot-reloads for development
# npm run dev
yarn dev  

# Or Vite preview
# npm run serve
yarn serve 

# Build & minifies for production
# npm run build
yarn build 

# Lints & fixes files
# npm run lint
yarn lint 

# Prettier & format files
# npm run format
yarn format 

Goto application

App running at on localhost


🧐 Tests

Testing E2E, with integrations, plugins & components:

# Install cypress
yarn e2e:install

# Run E2E tests integrations
yarn e2e:run # headless
yarn e2e:open # Open Gui Browser

# Run E2E tests components
yarn e2e:run-ct # headless
yarn e2e:open-ct # Open Gui Browser

Screen Cypress


🐞 Bugs & contributing

πŸ‘ First off, thanks for taking the time to contribute! πŸ‘

The issue tracker is the preferred channel for bug reports, features requests and submitting pull requests.

Special thanks to:

πŸ”₯
picture
πŸ§™β€β™‚ ⌨ πŸ™

🍭 Credits

Originally written & currently maintained by @Sp0ne Β© 2021

</πŸ’»> with ❀ by @Sp0neπŸ§™β€β™‚. Have Fun 🍻


About

Simple fast starter for developing with Vue 3 and Typescript in Vite. (With Lint & Prettier tools)


Languages

Language:SCSS 32.3%Language:Vue 32.0%Language:TypeScript 29.7%Language:JavaScript 3.9%Language:HTML 2.1%