目录结构

WebNuxt 工程
├─api（所有接口请求函数即相关）
│  └─  common.ts（公共请求函数）
│
├─assets（资产）
│  ├─icons（将 svg 自动加载为 Icon 组件的本地图标）
│  │
│  ├─images （图片）
│  │
│  ├─script
│  │      buildIcons.ts （构建期间准备本地 Icon 的名称数组供图标选择器使用）
│  │      iconNames.ts （准备好的本地 Icon 名称数组）
│  │
│  └─scss
│          app.scss
│          dark.scss（暗黑模式下 css 变量定义）
│          element.scss （element 的 css 覆盖）
│          index.scss （css 入口文件，main.ts 只导入它就可以了）
│          mixins.scss（scss mixins 与 function定义）
│          var.scss（css 变量定义）
│
├─components
│  │  baAside.vue（会员中心公共侧边菜单）
│  │  baFooter.vue（公共底栏）
│  │  baHeader.vue（公共顶栏）
│  │  darkSwitch.vue（暗黑开关组件）
│  │  formItem.vue（表单项，结合 baInput）
│  │  icon.vue（字体图标组件，支持加载本地 svg、element、awesome）
│  │  loading.vue（一个可供服务端渲染后待客户端激活时使用的 loading 组件）
│  │  menu.vue（站点顶栏和会员中心的菜单组件）
│  │  menuSub.vue
│  │
│  └─baInput（输入组件封装：常用+图片/文件上传、数组、城市/图标选择、富文本等封装在了一个组件内）
│
├─composables
│  ├─baInput（输入组件的一些额外数据、函数、类型定义等）
│  ├─clickCaptcha（点选验证码组件）
│  └─mixins（可供模块混入代码到系统的埋点，如云存储，编辑器）
│
├─lang（所有语言包及多语言相关）
│  │  autoload.ts（语言包按需加载映射表，比如路由 /user/user 需要同时加载 /user/group 的语言包可在此定义）
│  │  globs-en.ts（全局英文语言包）
│  │  globs-zh-cn.ts（全局中文语言包）
│  │
│  ├─common（公共页面语言包：`t('dirName.fileName.翻译名')`进行调用）
│  │
│  └─pages（按需加载的页面语言包：`t('dirName.pageName.翻译名')`进行调用）
│
├─layouts（布局）
│      default.vue（默认的空布局）
│      user.vue（会员中心布局）
│
├─pages（页面）
│
├─plugins（插件）
│      directives.ts（常用指令）
│      i18n.ts（多语言）
│      icon.ts（Icon 相关）
│      route.ts（路由）
│
├─stores
│  │  globals.ts（全局公用的变量）
│  │  memberCenter.ts（会员中心状态商店）
│  │  siteConfig.ts（系统配置状态商店）
│  │  userInfo.ts（会员信息状态商店）
│  │
│  ├─constant（常量定义）
│  │      keys.ts（缓存等常用 Key 名定义）
│  │
│  └─interface（接口定义）
│          index.ts
│
├─types（全局类型定义）
│
├─utils（工具库）
│       common.ts（公共的）
│       dark.ts（暗黑模式相关工具函数）
│       random.ts（随机数、字符串生成）
│       request.ts（网络请求封装）
│       router.ts（路由辅助）
│       validate.ts（表单验证函数）
│
│  .editorconfig（IDE 风格统一配置）
│  .env.development（开发环境变量定义）
│  .env.production（生产环境变量定义）
│  .eslintignore（eslint 忽略）
│  .eslintrc.js（eslint 配置）
│  .gitignore（git 忽略）
│  .npmrc（npm 配置）
│  .prettierignore（prettier 忽略）
│  .prettierrc.js（prettier 配置）
│  app.vue
│  LICENSE（开源协议）
│  nuxt.config.ts（nuxt 配置）
│  package.json
│  README.md
└─ tsconfig.json（ts 配置）