Overview:
This is a modern Vue.js ecosystem toolkit that offers various features such as Vue 3.x, pinia 2.x, vue-router 4.x, typescript 5.x, Vite 5.x, naive-ui 2.x, eslint 8.x, and more. It includes tools for CRUD demos, data virtualization, customizable UI libraries, locally mocked API server, authorization features, and modern application deployment with GitHub Actions and Vercel.
Features:
- Modern Vue.js Ecosystem: Includes Vue 3.x, pinia 2.x, and vue-router 4.x.
- Fully Strongly Typed: Utilizes typescript 5.x for strong typing.
- Next Generation Frontend Tooling: Uses Vite 5.x for efficient frontend tooling.
- HTTP Request Based on Fetch API: Uses ky 0.x for HTTP requests instead of axios.
- Customizable UI Library: Provides naive-ui 2.x for customizable UI components.
- Complete Engineering Workflow: Includes eslint 8.x, husky 7.x, lint-staged 11.x, and commitlint 13.x.
- Locally Mocked API Server: Utilizes express 4.x for a locally mocked API server.
- Authorization Features: Implements access token, refresh token, auth refresh token, and role-based authorization.
- Modern Application Deployment: Supports deployment with GitHub Actions and Vercel.
Installation:
- Prerequisites: Node.js (version 18.17 or higher, preferred 20.x).
- Scaffolding Tools: Create an application using zce/caz.
- Clone & Install: Clone the repository and install dependencies.
git clone repository_url
cd directory_name
npm install
- Available Scripts: Various scripts to run and build the application.
- Mock API Server: The built-in mock server starts as a Vite plugin.
Summary:
The toolkit provides a comprehensive set of features for building modern Vue.js applications, including a robust ecosystem, strongly typed development with typescript, efficient tooling with Vite, customizable UI components, and tools for API mocking, authorization, and deployment. It offers a streamlined workflow for developers to create and deploy Vue.js applications with ease.