README.zh-CN.md

English | 简体中文

特性

• ⚡️ Vue 3, Vite 3, pnpm, ESBuild - 快，且更快！
• 💪 Typescript - 当然！必不可少
• 🎉 Element Plus 开箱即用 - 基于 Vue.js 3 的强大 UI 库
• 🔥 Axios 配置和封装 - 基于 Promise 的 HTTP 请求库
• 💡 Vue Router 4 - Vuejs 的官方路由
• 📦 组件自动按需加载 - 自动按需注册组件, 无需 import
• 📥 API 自动按需加载 - 无需手动 import 进行引入
• 🍍 Pinia 状态管理 - 你将会喜欢上的 Vue Store
• 🎨 PostCSS - A tool for transforming CSS with JavaScript
• 🎨 UnoCSS - 新一代原子 css 框架
• 😃 icones - 强大的图标库，各种图标集为你所用
• 🌍 I18n 国际化开箱即用 - 想要翻译？是的，都可以！
• 👩‍🎨 NProgress - 页面加载进度反馈
• 😃 SVG 支持 - 支持以 组件形式使用 SVG 图片
• 📑 Markdown 支持 - 随意的在页面中嵌入 Markdown
• 🔑 完整支持的代码风格规范和代码提交规范

编码风格

• 使用Prettier、TypeScript等有特定规则支持的ESLint
• 与Prettier相结合并定制化规则的StyleLint

开发工具

• TypeScript

• VS Code 扩展

  • Volar - Vue 3 IDE 支持
  • Iconify IntelliSense - 图标内联显示和自动补全
  • i18n Ally - 多合一的 I18n 支持
  • PostCSS - 使用JavaScript转换CSS的工具
  • ESLint - 代码质量和规则检查
  • Prettier - Code formatter - 专注于代码格式化、美化代码
  • EditorConfig for VS Code - 编码风格检查

现在开始吧

克隆到本地

git clone https://github.com/Valinaa/Auction-vite.git my-own-vite
cd my-own-vite
pnpm i

注意

在使用之前, 请根据下列清单更新您的个人信息

• LICENSE、package.json 中的作者信息(author)
• src/assets 中的图标(favicon)和头像(avatar)
• README 相关文档
• 更新或删除 routes , stores 以及部分Vue组件

使用

开发环境

执行以下命令 随后访问 http://localhost:3000

pnpm run dev

构建

执行以下命令

pnpm run build

生成的文件在 dist 文件夹中