More Premium Hugo Themes Premium Vue Themes

Vue Template

基于vue-cli二次封装的移动端框架,vue3 +vue-cli5 + webpack5 + 多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等

Vue Template

基于vue-cli二次封装的移动端框架,vue3 +vue-cli5 + webpack5 + 多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等

Author Avatar Theme by yinzhuo19970516
Github Stars Github Stars: 73
Last Commit Last Commit: Apr 10, 2023 -
First Commit Created: Jan 15, 2024 -
default image

Overview:

This project is a secondary encapsulation of Vue-cli framework based on pnpm, Vue-cli 4.x, and Webpack 5. It mainly encapsulates multiple entry point packaging, automatic generation of project templates, pinia, data persistence, route animation, axios secondary encapsulation, less sass variable function handling, viewport adaptation solution, and many other main features. For more details, please refer to the project documentation.

Features:

  • Using pnpm package management
  • Multiple entry point packaging
  • Automatic generation of project templates
  • Pinia state management library
  • Encapsulation of persistent storage plugin
  • Encapsulation of route animation
  • Introducing Nprogress
  • Support for history mode
  • Secondary encapsulation of axios
  • Viewport adaptation solution
  • Handling of less sass variables and functions
  • Configuration of multiple environment variables
  • Integration of vconsole.js
  • Chained operator support
  • Entrance loading animation
  • Eslint + prettier + husky + commitlint standardization
  • Planned features:
    • History route configuration
    • Unified format control management applicable to WebStorm and VSCode
    • Selective compilation of individual entry files in the case of multiple entry points
    • CLI-like project that can be downloaded with a single command
    • Common basic methods library packaging
    • Building a component library using Vite

Installation:

To use pnpm, you need Node version 14.6 or above. If you encounter an error when using npm, it is recommended to add --legacy-peer-deps to the command.

Summary:

This project is a secondary encapsulation of the Vue-cli framework, with features such as multiple entry point packaging, automatic generation of project templates, pinia state management, data persistence, route animation, and axios secondary encapsulation. It also includes handling of less sass variables and functions, viewport adaptation, and configuration of multiple environment variables. The project aims to improve development efficiency and provide a standardized development environment. Planned features include history route configuration, unified format control management, and CLI-like project setup.