目录结构

⭐⭐⭐⭐⭐

下面为博客前台代码的目录结构

.nuxt  ------------------- nuxt运行时自动生成的运行环境
.output  ----------------- 打包后生成的代码
src
├───App.vue  ------------- 主路由
├───error.vue  ----------- 错误页面
├───assets
│   ├───icons  ----------- SVG图标
│   └───styles  ---------- 全局样式
├───components  ---------- 全局组件
├───composables ---------- vue组合式函数
├───layouts  ------------- 布局
├───middleware  ---------- 路由中间件
│   └───app.global.js  --- 全局路由中间件
└───plugins  ------------- 第三方插件
├───util  ---------------- 全局工具函数
├───pages  --------------- 页面
│   ├──folderA
│   └──folderB
public  ------------------ public内的文件不会被打包
│  └───images  ----------  本地图片
static
│  └───sitemap.js  ------  网站地图
env
├───.env.development  ---- 开发环境配置
├───.env.production  ----- 正式环境配置
├───.env.test  ----------- 测试环境配置
package.json  ------------ npm包管理
app.config.ts  ----------- 站点配置
ecosystem.config.js  ----- pm2配置