Vite Pinia Starter screenshot

Vite Pinia Starter

Author Avatar Theme by Pdsuwwz
Updated: 6 Nov 2024
11 Stars

基础迭代模板 Starter Example Pinia + Vue3 + Vite 5 + Element-Plus 2 + ESLint(v9) + Axios + Sass 基于 useLocale 实现 i18n 路由级别国际化语言切换

Categories

Overview:

This article discusses a starter example using Vue 3.x, Vite 4.x, and Pinia for building web applications. It provides a live demo and showcases different repository templates for various technology stacks, allowing users to choose the template that best suits their needs.

Features:

  • TS + Pinia + 🌐 低耦合(i18n)多语言 Vite4 + Vue3 + TS + Pinia + Element-Plus2 + vue-i18n@next
  • TS + Pinia 版 Vite4 + Vue3 + TS + Pinia + Element-Plus2 + useLocale + i18n
  • JS + Pinia 版 (当前仓库) Vite4 + Vue3 + Pinia + Element-Plus2 + useLocale + i18n
  • TS + Vuex4 版 Vite4 + Vue3 + TS + Vuex4 + Element-Plus2 + useLocale + i18n
  • JS + Vuex4 版 Vite4 + Vue3 + Vuex4 + Element-Plus2 + useLocale + i18n

Installation:

To install the theme, follow these steps:

  1. Install node dependencies in all packages:
npm install
  1. Run local development:
npm run dev
  1. Test the application:
npm run test
  1. Check code coverage:
npm run coverage

Summary:

This article introduces a starter example using Vue 3.x, Vite 4.x, and Pinia for building web applications. It provides various repository templates for different technology stacks and walks users through the installation process. This starter example offers a range of features and can be customized to suit specific requirements.