ZeroCat 是一个轻量级的在线编程、分享平台
本仓库包含以下内容: ZeroCat 社区的前端源代码
- 📄 Docs
- 🚨 Issues
- 🏬 Store
- 🎮 Playground
- 💬 Discord
Set up your project using your preferred package manager. Use the corresponding command to install the dependencies:
Package Manager | Command |
---|---|
yarn | yarn install |
npm | npm install |
pnpm | pnpm install |
bun | bun install |
After completing the installation, your environment is ready for Vuetify development.
- 🖼️ Optimized Front-End Stack: Leverage the latest Vue 3 and Vuetify 3 for a modern, reactive UI development experience. Vue 3 | Vuetify 3
- 🗃️ State Management: Integrated with Pinia, the intuitive, modular state management solution for Vue.
- 🚦 Routing and Layouts: Utilizes Vue Router for SPA navigation and vite-plugin-vue-layouts for organizing Vue file layouts. Vue Router | vite-plugin-vue-layouts
- ⚡ Next-Gen Tooling: Powered by Vite, experience fast cold starts and instant HMR (Hot Module Replacement). Vite
- 🧩 Automated Component Importing: Streamline your workflow with unplugin-vue-components, automatically importing components as you use them. unplugin-vue-components
These features are curated to provide a seamless development experience from setup to deployment, ensuring that your Vuetify application is both powerful and maintainable.
This section covers how to start the development server and build your project for production.
To start the development server with hot-reload, run the following command. The server will be accessible at http://localhost:3000:
yarn dev
(Repeat for npm, pnpm, and bun with respective commands.)
Add NODE_OPTIONS='--no-warnings' to suppress the JSON import warnings that happen as part of the Vuetify import mapping. If you are on Node v21.3.0 or higher, you can change this to NODE_OPTIONS='--disable-warning=5401'. If you don't mind the warning, you can remove this from your package.json dev script.
To build your project for production, use:
yarn build
(Repeat for npm, pnpm, and bun with respective commands.)
Once the build process is completed, your application will be ready for deployment in a production environment.
Copyright (c) 2020-present Sun Wuyuan [email protected] and HouLangs Dev Team