More Premium Hugo Themes Premium Vue Themes

Vite Pinia Starter

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

Vite Pinia Starter

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

Author Avatar Theme by pdsuwwz
Github Stars Github Stars: 11
Last Commit Last Commit: Nov 6, 2024 -
First Commit Created: May 5, 2023 -
Vite Pinia Starter screenshot

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.