-
-
Notifications
You must be signed in to change notification settings - Fork 224
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
1,177 additions
and
881 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,87 +1,87 @@ | ||
<p align='center'> | ||
<img src='https://user-images.githubusercontent.com/11247099/111864893-a457fd00-899e-11eb-9f05-f4b88987541d.png' alt='Vitesse - Opinionated Vite Starter Template' width='600'/> | ||
</p> | ||
|
||
<h6 align='center'> | ||
<a href="https://vitesse-lite.netlify.app/">在线 Demo</a> | ||
</h6> | ||
|
||
<h5 align='center'> | ||
<b>轻量版的 <a href="https://github.com/antfu/vitesse">Vitesse</a></b> | ||
</h5> | ||
|
||
<br> | ||
|
||
<p align='center'> | ||
<a href="https://github.com/antfu/vitesse-lite/blob/main/README.md">English</a> | <b>简体中文</b> | ||
</p> | ||
|
||
<br> | ||
|
||
## 特性 | ||
|
||
- ⚡️ [Vue 3](https://github.com/vuejs/core), [Vite 3](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [ESBuild](https://github.com/evanw/esbuild) - 就是快! | ||
|
||
- 🗂 [基于文件的路由](./src/pages) | ||
|
||
- 📦 [组件自动化加载](./src/components) | ||
|
||
- 🎨 [UnoCSS](https://github.com/unocss/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎 | ||
|
||
- 😃 [各种图标集为你所用](https://github.com/antfu/unocss/tree/main/packages/preset-icons) | ||
|
||
- 🔥 使用 [新的 `<script setup>` 语法](https://github.com/vuejs/rfcs/pull/227) | ||
|
||
- ✅ 使用 [Vitest](http://vitest.dev/) 进行单元和组件测试 | ||
|
||
- 🦾 TypeScript, 当然 | ||
|
||
- ☁️ 零配置部署 Netlify | ||
|
||
<br> | ||
|
||
完整特性,请查看 [Vitesse](https://github.com/antfu/vitesse) | ||
|
||
## 从 [Vitesse](https://github.com/antfu/vitesse) 中删除了以下特性 | ||
|
||
- ~~i18n~~ | ||
- ~~Layouts~~ | ||
- ~~SSG~~ | ||
- ~~PWA~~ | ||
- ~~Markdown~~ | ||
|
||
## 预配置 | ||
|
||
### UI 框架 | ||
|
||
- [UnoCSS](https://github.com/antfu/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎 | ||
|
||
### Icons | ||
|
||
- [Iconify](https://iconify.design) - 使用任意的图标集,浏览:[🔍Icônes](https://icones.netlify.app/) | ||
- [UnoCSS 的纯 CSS 图标方案](https://github.com/antfu/unocss/tree/main/packages/preset-icons) | ||
|
||
### 插件 | ||
|
||
- [Vue Router](https://github.com/vuejs/vue-router) | ||
- [`unplugin-vue-router`](https://github.com/posva/unplugin-vue-router) - 以文件系统为基础的路由 | ||
- [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - 直接使用 Composition API 等,无需导入 | ||
- [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components) - 自动加载组件 | ||
- [`unplugin-vue-macros`](https://github.com/sxzz/unplugin-vue-macros) - 探索并扩展更多的宏和语法糖到 Vue 中 | ||
- [VueUse](https://github.com/antfu/vueuse) - 实用的 Composition API 工具合集 | ||
|
||
## 现在可以试试! | ||
|
||
### GitHub 模板 | ||
|
||
[使用这个模板创建仓库](https://github.com/antfu/vitesse-lite/generate). | ||
|
||
### 克隆到本地 | ||
|
||
如果您更喜欢使用更干净的 git 历史记录手动执行此操作 | ||
|
||
```bash | ||
npx degit antfu/vitesse-lite my-vitesse-app | ||
cd my-vitesse-app | ||
pnpm i # 如果你没装过 pnpm, 可以先运行: npm install -g pnpm | ||
``` | ||
<p align='center'> | ||
<img src='https://user-images.githubusercontent.com/11247099/111864893-a457fd00-899e-11eb-9f05-f4b88987541d.png' alt='Vitesse - Opinionated Vite Starter Template' width='600'/> | ||
</p> | ||
|
||
<h6 align='center'> | ||
<a href="https://vitesse-lite.netlify.app/">在线 Demo</a> | ||
</h6> | ||
|
||
<h5 align='center'> | ||
<b>轻量版的 <a href="https://github.com/antfu/vitesse">Vitesse</a></b> | ||
</h5> | ||
|
||
<br> | ||
|
||
<p align='center'> | ||
<a href="https://github.com/antfu/vitesse-lite/blob/main/README.md">English</a> | <b>简体中文</b> | ||
</p> | ||
|
||
<br> | ||
|
||
## 特性 | ||
|
||
- ⚡️ [Vue 3](https://github.com/vuejs/core), [Vite 3](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [ESBuild](https://github.com/evanw/esbuild) - 就是快! | ||
|
||
- 🗂 [基于文件的路由](./src/pages) | ||
|
||
- 📦 [组件自动化加载](./src/components) | ||
|
||
- 🎨 [UnoCSS](https://github.com/unocss/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎 | ||
|
||
- 😃 [各种图标集为你所用](https://github.com/antfu/unocss/tree/main/packages/preset-icons) | ||
|
||
- 🔥 使用 [新的 `<script setup>` 语法](https://github.com/vuejs/rfcs/pull/227) | ||
|
||
- ✅ 使用 [Vitest](http://vitest.dev/) 进行单元和组件测试 | ||
|
||
- 🦾 TypeScript, 当然 | ||
|
||
- ☁️ 零配置部署 Netlify | ||
|
||
<br> | ||
|
||
完整特性,请查看 [Vitesse](https://github.com/antfu/vitesse) | ||
|
||
## 从 [Vitesse](https://github.com/antfu/vitesse) 中删除了以下特性 | ||
|
||
- ~~i18n~~ | ||
- ~~Layouts~~ | ||
- ~~SSG~~ | ||
- ~~PWA~~ | ||
- ~~Markdown~~ | ||
|
||
## 预配置 | ||
|
||
### UI 框架 | ||
|
||
- [UnoCSS](https://github.com/antfu/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎 | ||
|
||
### Icons | ||
|
||
- [Iconify](https://iconify.design) - 使用任意的图标集,浏览:[🔍Icônes](https://icones.netlify.app/) | ||
- [UnoCSS 的纯 CSS 图标方案](https://github.com/antfu/unocss/tree/main/packages/preset-icons) | ||
|
||
### 插件 | ||
|
||
- [Vue Router](https://github.com/vuejs/vue-router) | ||
- [`unplugin-vue-router`](https://github.com/posva/unplugin-vue-router) - 以文件系统为基础的路由 | ||
- [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - 直接使用 Composition API 等,无需导入 | ||
- [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components) - 自动加载组件 | ||
- [`unplugin-vue-macros`](https://github.com/sxzz/unplugin-vue-macros) - 探索并扩展更多的宏和语法糖到 Vue 中 | ||
- [VueUse](https://github.com/antfu/vueuse) - 实用的 Composition API 工具合集 | ||
|
||
## 现在可以试试! | ||
|
||
### GitHub 模板 | ||
|
||
[使用这个模板创建仓库](https://github.com/antfu/vitesse-lite/generate). | ||
|
||
### 克隆到本地 | ||
|
||
如果您更喜欢使用更干净的 git 历史记录手动执行此操作 | ||
|
||
```bash | ||
npx degit antfu/vitesse-lite my-vitesse-app | ||
cd my-vitesse-app | ||
pnpm i # 如果你没装过 pnpm, 可以先运行: npm install -g pnpm | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,8 @@ | ||
import antfu from '@antfu/eslint-config' | ||
import unocss from '@unocss/eslint-plugin' | ||
|
||
export default antfu( | ||
{}, | ||
unocss.configs.flat, | ||
{ | ||
unocss: true, | ||
formatters: true, | ||
}, | ||
) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,25 +1,27 @@ | ||
<!DOCTYPE html> | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<link rel="icon" href="/favicon.svg" type="image/svg+xml"> | ||
<title>Vitesse Lite</title> | ||
<meta name="description" content="Opinionated Vite Starter Template"> | ||
</head> | ||
<body class="font-sans dark:text-white dark:bg-hex-121212"> | ||
<div id="app"></div> | ||
<noscript> | ||
<div>Please enable JavaScript to use this application.</div> | ||
</noscript> | ||
<script> | ||
(function() { | ||
const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches | ||
const setting = localStorage.getItem('color-schema') || 'auto' | ||
if (setting === 'dark' || (prefersDark && setting !== 'light')) | ||
document.documentElement.classList.toggle('dark', true) | ||
})() | ||
</script> | ||
<script type="module" src="/src/main.ts"></script> | ||
</body> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<link rel="icon" href="/favicon.svg" type="image/svg+xml" /> | ||
<title>Vitesse Lite</title> | ||
<meta name="description" content="Opinionated Vite Starter Template" /> | ||
</head> | ||
<body class="font-sans dark:text-white dark:bg-hex-121212"> | ||
<div id="app"></div> | ||
<noscript> | ||
<div>Please enable JavaScript to use this application.</div> | ||
</noscript> | ||
<script> | ||
;(function () { | ||
const prefersDark = | ||
window.matchMedia && | ||
window.matchMedia('(prefers-color-scheme: dark)').matches | ||
const setting = localStorage.getItem('color-schema') || 'auto' | ||
if (setting === 'dark' || (prefersDark && setting !== 'light')) | ||
document.documentElement.classList.toggle('dark', true) | ||
})() | ||
</script> | ||
<script type="module" src="/src/main.ts"></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,11 +1,11 @@ | ||
[build.environment] | ||
NODE_VERSION = "20" | ||
NODE_VERSION = "20" | ||
|
||
[build] | ||
publish = "dist" | ||
command = "pnpm run build" | ||
publish = "dist" | ||
command = "pnpm run build" | ||
|
||
[[redirects]] | ||
from = "/*" | ||
to = "/index.html" | ||
status = 200 | ||
from = "/*" | ||
to = "/index.html" | ||
status = 200 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.