@tanyueran/cli 0.0.21 → 0.1.0

package/template/project/vue/vite-vue-ts/src/App.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <div>
+      <router-link to="/">Home</router-link> |
+      <router-link to="/about">About</router-link>
+    </div>
+    <div>
+      <router-view />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>

package/template/project/vue/vite-vue-ts/src/main.ts

@@ -0,0 +1,12 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')

package/template/project/vue/vite-vue-ts/src/router/index.ts

@@ -0,0 +1,23 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/',
+      redirect: '/home',
+    },
+    {
+      path: '/home',
+      name: 'home',
+      component: () => import('@/views/home/index.vue'),
+    },
+    {
+      path: '/about',
+      name: 'about',
+      component: () => import('@/views/about/index.vue'),
+    },
+  ],
+})
+
+export default router

package/template/project/vue/vite-vue-ts/src/stores/counter.ts

@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})

package/template/project/vue/vite-vue-ts/src/views/about/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <div></div>
+</template>
+<script setup lang="ts">
+import { defineOptions } from 'vue'
+
+defineOptions({
+  name: 'AboutPage',
+})
+
+// #region  Prop
+//#endregion
+
+// #region 变量
+//#endregion
+
+// #region 计算属性
+//#endregion
+
+// #region 监听器
+//#endregion
+
+// #region 方法
+//#endregion
+
+// #region 生命周期
+//#endregion
+</script>

package/template/project/vue/vite-vue-ts/src/views/home/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>home</div>
+</template>
+<script setup lang="ts">
+import { defineOptions } from 'vue'
+
+defineOptions({
+  name: 'HomePage',
+})
+
+// #region  Prop
+//#endregion
+
+// #region 变量
+//#endregion
+
+// #region 计算属性
+//#endregion
+
+// #region 监听器
+//#endregion
+
+// #region 方法
+//#endregion
+
+// #region 生命周期
+//#endregion
+</script>

package/template/project/vue/vite-vue-ts/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": false,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "lib": ["esnext", "dom"],
+    "types": ["vite/client"],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    "outDir": "dist"
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "exclude": ["node-modules", "vite.config.ts", "./src/js-utils/**"]
+}

package/template/project/vue/vite-vue-ts/vite.config.ts

@@ -0,0 +1,45 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueDevTools from 'vite-plugin-vue-devtools'
+import { VitePluginHtmlReplaceFlag } from './build/plugins/vite-plugin-html-replace-flag'
+
+const proxyConfig = {
+  '/api': {
+    target: 'http://localhost:8080',
+    changeOrigin: true,
+    rewrite: (path) => path.replace(/^\/api/, ''),
+  },
+}
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx(), vueDevTools(), VitePluginHtmlReplaceFlag()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  build: {
+    outDir: 'dist',
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          vue: ['vue'],
+          'vue-router': ['vue-router'],
+          pinia: ['pinia'],
+        },
+      },
+    },
+  },
+  server: {
+    port: 3000,
+    proxy: proxyConfig,
+  },
+  preview: {
+    port: 8081,
+    proxy: proxyConfig,
+  },
+})