Coder Social home page Coder Social logo

vue3-vite-ts-base's Introduction

Ultimate Vue3 + Vite + TS base

Just a big starting point for any frontend projects using vite

git Vite logo Vue logo

Guideline

Goal

This project main goal is to provide a way to deploy vue applications by using vite along with ts, pinia and vue router4 and much more features a frontend developer needs.

How to Use

git pull

npm install

// start the development server
npm run dev

// build for deployment
npm run build

// run test with exit code
npm run test

// test with uni
npm run test:ui

// start docs development server
npm run docs:dev

// build docs for deployment
npm run docs:build

Repo Features

  • Latest Vue3.2.37
  • Latest vue & requirements.

  • Localizations
  • i18n Ready.

  • Router System
  • Vue router V4.

  • Mixins
  • Vue mixins are configured.

  • Enviroments
  • Development and production .env files.

  • Git
  • Vue gitignore and README with MIT license.

  • Unit test
  • Vitest for component testing.

  • Docs
  • Vitepress for documentations.

  • Lodash & Axios
  • Lodash/axios are pre installed.

  • State Management
  • Pinia is used for state management.

  • Vue Router 4
  • Vue router 4 is used for routing.

  • Lazy Load
  • Components are lazy loaded in routes.

  • Logger
  • Basic logger plugin.

  • Validator
  • Validator plugin to validate inputs.

  • Build ready
  • Build configs are all set.

  • Less
  • Less is installed and configured.

License

MIT.

Todo

  • [*] fix build configs.
  • [] add validator docs.

Bugs

Feel free to let me know if something needs to be fixed. or even any features seems to be needed in this repo.

vue3-vite-ts-base's People

Contributors

alireza0sfr avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.