Skip to content

Latest commit

 

History

History
80 lines (52 loc) · 2.77 KB

README.zh-CN.md

File metadata and controls

80 lines (52 loc) · 2.77 KB

Vite + Vue 3 初始化模板

Version

Vite + Vue 3 单页面应用初始化模板, 支持国际化、Axios、UnoCSS、文件路由和自动化的 API 导入。

特性

  • 使用 Vue 3ViteUnoCSSPiniaTypeScript 构建,代表最新的 Web 开发技术栈。
  • 基于文件的 路由布局 系统,自动化处理。
  • 组件APIsrc 目录中的内容自动导入。
  • 开箱即用的网络请求功能,基于 Axios
  • 通过类名使用来自任意图标集的 SVG 图标
  • 支持 I18n,并自动导入翻译文件。
  • 使用 Vitest 进行单元测试。
  • 零配置部署到 Netlify,并支持其他部署方式。

预览

预览图片

使用方法

从 GitHub 上 创建一个仓库 基于此模板。

git clone <git 远程地址>

安装依赖。

cd starter-vite-vue3 # 或者你的项目目录

pnpm i # 如果你没有安装 pnpm,运行:npm install -g pnpm

运行项目并访问 http://localhost:9865。

pnpm dev

要构建应用,可以运行:

pnpm build

构建后会生成 dist 文件夹,你可以使用以下命令进行本地预览。

pnpm preview

清理模板

如果你更喜欢手动操作并保持更清晰的 git 历史记录:

npx degit starter-collective/starter-vite-vue3 starter-vite-vue3

cd starter-vite-vue3

pnpm i # 如果你没有安装 pnpm,运行:npm install -g pnpm

使用此模板时,请按照以下检查列表正确更新信息:

  • 更改 LICENSE 中的作者姓名。
  • 更改 locales/*.json.env 中的标题。
  • 更改 public 中的 favicon,并移除预览图片。

许可证

MIT 许可证 © 2024 Kieran Wang