Vite + Vue 3 单页面应用初始化模板, 支持国际化、Axios、UnoCSS、文件路由和自动化的 API 导入。
- 使用 Vue 3、Vite、UnoCSS、Pinia、TypeScript 构建,代表最新的 Web 开发技术栈。
- 基于文件的 路由 和 布局 系统,自动化处理。
- 组件、API 和
src
目录中的内容自动导入。 - 开箱即用的网络请求功能,基于 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