Code Monkey home page Code Monkey logo

pdsuwwz / vue-boilerplate-i18n Goto Github PK

View Code? Open in Web Editor NEW
63.0 3.0 9.0 57.89 MB

🌏 基于 Vue3 + Vite 5 + Pinia 2 + TypeScript + Element Plus + Vue Router 4 + UnoCSS + Unplugin + ESLint(v9) + Vitest 的原型模板框架, 支持路由切换国际化语言, 自动导入 🚀🚀🚀 适合快速开发 B 端模块化产品的中小型后台管理系统，基于 vue-i18n-next 💪 Starter using Vite5 + Vue 3 + Pinia + TS + i18n to fast build a admin prototyping（附示例截图）

Home Page: https://pdsuwwz.github.io/vue-boilerplate-i18n/

License: MIT License

JavaScript 11.51% TypeScript 36.29% HTML 0.26% Vue 46.17% SCSS 3.95% Shell 1.83%
starter template admin pinia typescript element-plus vue-i18n quick-start vue3 vite

vue-boilerplate-i18n's Introduction

vue-boilerplate-i18n

Deploy GitHub Workflow Status (branch) thanks License

🌏 Starter using Vite 5 + Vue 3.3 + Pinia + TypeScript + i18n + UnoCSS + Unplugin + Element-Plus 2.x to fast build a prototyping

一个适用国际化多语言(i18n)扩展、帮助你快速开发 B 端 🚀🚀🚀 Vue3 + Vite5 + TS + Pinia 中小型后台管理系统的原型模板项目框架，集成 vue-i18n-next 💪

💻 Live Demo 在线体验

🌱 不同版本

目前一共有以下五个不同技术栈的仓库模板在持续维护，请尝试后选择适合自己的模板使用

(推荐基于在当前仓库基础上二次开发)

🪄 使用不同的 UI 库

如果更偏好使用 Naive UI 作为 UI 库, 这里也为你准备了几个相应的模板项目，可在此基础上进行业务二次开发和定制：

🎉 Features

  • 支持 Vite 5 + Vue 3 + TypeScript
  • UI 框架: Element Plus 2.x
  • 状态管理: Pinia
  • 自动导入，解放双手: Unplugin Auto Import
  • 原子化 CSS: UnoCSS
  • 单元测试框架: Vitest
  • 代码规范化检测: Husky + lint-staged
  • 内置 ESlint 和 Stylelint, 可在此基础上扩充你想要的 Lint 配置规范
  • 内置封装了一个可能比较好用的 Axios , 需要时配合 Pinia Actions 一起食用
  • 封装了 <IconFont /> 组件, 可直接使用 IconFont 图标
  • 内置全局 $ModalDialog 插件, 支持使用 service 式地动态调用此插件来显示任意组件
  • 内置 vue-i18n-next, 支持到 VueRouter 路由级别切换语言，可编写国际化配置文件及扩展其他语言
  • 路由鉴权已帮你封装好，同时配合 Nprogress, 只需要修改 permission.ts 文件即可
  • 自带一个模块化的组件开发环境，可按照 modules 目录解耦页面组件、路由组件、样式等文件
  • 高度封装但不失灵活，内部抽象出了一个完整的业务流程供你参考，涉及三个核心页面：登录、列表和明细
  • 节省你配置的时间，因此该项目的轻量化致使你只需要专心编写自己的业务代码即可

前置条件

  • Vue 3.2.x
  • Node >= 18.12.x
  • Pnpm 9.x
  • VS Code 插件 dbaeumer.vscode-eslint >= v3.0.5 (pre-release)

运行效果

image

image

安装和运行

  • 安装依赖
pnpm i
  • 本地开发
pnpm dev

单元测试

  • 执行单测
pnpm test
  • 执行覆盖率测试
pnpm test:coverage

💡 提示

  • 若 Husky 未生效，可能是由于未完成初始化，尝试执行以下命令进行初始化:
pnpm run prepare

😎 Awesome

License

MIT License | Copyright © 2020-PRESENT Wisdom

vue-boilerplate-i18n's People

Contributors

pdsuwwz avatar renovate-bot avatar renovate[bot] avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

Forkers

dujingya fzzfxply future-space fwls lei1024 candicandi caoqifang jayce-liang iamzxj

vue-boilerplate-i18n's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • Update dependency stylelint to v16.7.0

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/deploy.yml
  • actions/checkout v3
  • actions/setup-node v3
  • pnpm/action-setup v3
  • peaceiris/actions-gh-pages v3
.github/workflows/unit-testing.yml
  • actions/checkout v3
  • pnpm/action-setup v3
  • codecov/codecov-action v3.1.4
npm
package.json
  • @element-plus/icons-vue 2.3.1
  • @vueuse/core ^10.11.0
  • axios 1.7.2
  • echarts ^5.5.1
  • element-plus 2.7.6
  • js-cookie ^3.0.5
  • nprogress ^0.2.0
  • pinia ^2.1.7
  • uuid ^10.0.0
  • vue ^3.4.31
  • vue-i18n ^9.13.1
  • vue-router ^4.4.0
  • @babel/core ^7.24.7
  • @babel/preset-env ^7.24.7
  • @eslint/js ^9.6.0
  • @iconify/json ^2.2.226
  • @iconify/vue ^4.1.2
  • @stylistic/eslint-plugin ^2.3.0
  • @stylistic/stylelint-plugin ^2.1.2
  • @types/js-cookie ^3.0.6
  • @types/lodash-es ^4.17.12
  • @types/node ^20.14.10
  • @types/nprogress ^0.2.3
  • @typescript-eslint/eslint-plugin ^7.16.0
  • @typescript-eslint/parser ^7.16.0
  • @vitejs/plugin-vue ^5.0.5
  • @vitest/coverage-v8 ^2.0.1
  • @vue/compiler-sfc ^3.4.31
  • @vue/test-utils 2.4.6
  • babel-plugin-transform-vite-meta-env ^1.0.3
  • cross-env ^7.0.3
  • eslint ^9.6.0
  • eslint-define-config ^2.1.0
  • eslint-plugin-html 8.1.1
  • eslint-plugin-import ^2.29.1
  • eslint-plugin-vue ^9.27.0
  • globals ^15.8.0
  • husky ^9.0.11
  • identity-obj-proxy ^3.0.0
  • jsdom ^24.1.0
  • lint-staged ^15.2.7
  • lodash-es ^4.17.21
  • postcss ^8.4.39
  • postcss-html ^1.7.0
  • postcss-scss ^4.0.9
  • rollup ^4.18.1
  • sass 1.77.6
  • stylelint ^16.6.1
  • stylelint-config-recommended-scss 14.1.0
  • stylelint-config-recommended-vue ^1.5.0
  • stylelint-config-standard ^36.0.1
  • stylelint-config-standard-scss 13.1.0
  • sucrase ^3.35.0
  • typescript ^5.5.3
  • unocss ^0.61.3
  • unplugin-auto-import ^0.17.6
  • unplugin-icons ^0.19.0
  • unplugin-vue-components ^0.27.2
  • vite ^5.3.3
  • vitest ^2.0.1
  • vue-eslint-parser ^9.4.3
  • node >= 18.12.x
  • pnpm >= 9.x
  • Check this box to trigger a request for Renovate to run again on this repository

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.