vue-vite-ts

vue3+TS+Eslint 多入口模板

框架默认采用vite+vue3+TS+Eslint

注意

1. 默认安装:
   1. aixos
   2. js-md5
   3. pinia
   4. vue-router
   5. less
   6. naive-ui 
2. 子页面全局interface文件/pages/*/assets/js/interfacePublic.ts
3. 注意pinia 注册ID唯一性
4. 子页面全局ui组件引用 /pages/*/assets/js/nativeUiPluginPublic.ts
5. 本项目配置全局动态路由（各子页面单独添加route.ts）参考/pages/index/views/*/route.ts
6. 多入口无法同时使用web模式

use

yarn 
yarn dev
yarn build

目录结构

| - `src`
|   - `pages`                     全局入口目录
|       - `index`                 首页html入口目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `store`             子存储
|           - `views`             子页面
|           - `App.vue`           子模板
|           - `main.ts`           子入口文件
|       - `admin`                 后台管理html入口目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `store`             子存储
|           - `views`             子页面
|           - `App.vue`           子模板
|           - `main.ts`           子入口文件
|       - `login`                 登录html入口目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `store`             子存储
|           - `views`             子页面
|           - `App.vue`           子模板
|           - `main.ts`           子入口文件
|   - `components`                全局组件
|   - `utils`                     全局插件
|   - `assets`                    全局静态文件

vue3 使用setup方式，注意格式

import { onMounted, ref, computed} from 'vue'
<script setup>
    <!-- data 数据声明区 -->
      exp:
        const test=ref(1)
        const test1:computed(()=>test)

    <!-- function 调用区 -->
      exp:
       const test= ()=>{
          console.log(123)
        }

    <!-- 单独生命周期监听区 -->
      exp:
        onMounted(() => {test()})
</script>