特性

• ⚡️ Vue 3, Vite 3, npm, ESBuild - 就是快！

• 🗂 基于文件的路由

• 📦 组件自动化加载

• 🍍 使用 Pinia 的状态管理

• 📑 布局系统

• 🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

• 😃 各种图标集为你所用

• 🔥 使用 新的 <script setup> 语法

• 📥 API 自动加载 - 直接使用 Composition API 无需引入

• 🦾 TypeScript, 当然

• ☁️ create-zoro - 简单部署

预配置

UI 框架

• UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

Icons

• Iconify - 使用任意的图标集，浏览：🔍Icônes
• UnoCSS 的纯 CSS 图标方案

插件

• Vue Router
  • vite-plugin-pages - 以文件系统为基础的路由
• Pinia - 直接的, 类型安全的, 使用 Composition api 的轻便灵活的 Vue 状态管理
• unplugin-vue-components - 自动加载组件
• unplugin-auto-import - 直接使用 Composition API 等，无需导入

编码风格

• 使用 Composition API 地 <script setup> SFC 语法
• ESLint 配置为 standardjs, 单引号, 无分号.

开发工具

• TypeScript
• npm - 快, 节省磁盘空间的包管理器
• VS Code 扩展
  • Vite - 自动启动 Vite 服务器
  • Volar - Vue 3 <script setup> IDE 支持
  • ESLint - 代码风格校验

使用

开发

只需要执行以下命令就可以在 http://localhost:3000 中看到

npm run dev

构建

构建该应用只需要执行以下命令

npm run build

然后你会看到用于发布的 dist 文件夹被生成。

部署

create-zoro

npm run deploy

可以看到打包，服务器代码备份，远程部署执行流程