chore: initialize application scaffold

This commit is contained in:
2026-08-23 19:55:59 +08:00
parent 36088ce005
commit 6591e3fa1e
36 changed files with 7771 additions and 0 deletions
+1
View File
@@ -0,0 +1 @@
<div id="app"></div><script type="module" src="/src/main.ts"></script>
+19
View File
@@ -0,0 +1,19 @@
{
"name": "@example/admin",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "vite --port 5174",
"build": "vue-tsc -b && vite build"
},
"dependencies": {
"@arco-design/web-vue": "^2.57.0",
"vue": "^3.5.13"
},
"devDependencies": {
"@vitejs/plugin-vue": "^5.2.1",
"typescript": "^5.7.2",
"vite": "^6.0.5",
"vue-tsc": "^2.2.0"
}
}
+7
View File
@@ -0,0 +1,7 @@
<script setup lang="ts">
import AdminDashboard from './pages/AdminDashboard.vue';
</script>
<template>
<AdminDashboard />
</template>
+7
View File
@@ -0,0 +1,7 @@
import { createApp } from 'vue';
import ArcoVue from '@arco-design/web-vue';
import '@arco-design/web-vue/dist/arco.css';
import App from './App.vue';
/** 创建后台管理 Vue 应用实例。 */
createApp(App).use(ArcoVue).mount('#app');
+16
View File
@@ -0,0 +1,16 @@
<script setup lang="ts">
/** 定义仪表盘展示的状态文字。 */
const statusText = '管理端示例已准备就绪';
</script>
<template>
<main class="dashboard-page">
<a-card title="后台管理端示例">
<a-result status="success" :title="statusText" sub-title="后续可在 pages components 中按模块扩展功能" />
</a-card>
</main>
</template>
<style scoped>
.dashboard-page { max-width: 960px; margin: 80px auto; padding: 0 24px; }
</style>
+11
View File
@@ -0,0 +1,11 @@
{
"compilerOptions": {
"target": "ES2020",
"module": "ESNext",
"moduleResolution": "Bundler",
"strict": true,
"noEmit": true,
"skipLibCheck": true
},
"include": ["src/**/*.ts", "src/**/*.vue"]
}
+1
View File
@@ -0,0 +1 @@
{"root":["./src/main.ts","./src/app.vue","./src/pages/admindashboard.vue"],"version":"5.9.3"}
+5
View File
@@ -0,0 +1,5 @@
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
/** 定义管理端开发与构建配置。 */
export default defineConfig({ plugins: [vue()] });