前端项目学习记录4：1，2，3总结

1.需要安装的依赖

pnpm i @element-plus/icons-vue element-plus axios sass vue-router

pnpm i -D @types/node fast-glob mock.js [email protected] vite-plugin-svg-icons

2.删除不必要的文件

3.整体文件夹

.vscode --> 不用管

mock --> 里面放假接口

xxx.ts --> 里面配置假接口

node_modules

public

src

api --> 接口文件夹

xxx

index.ts --> 管理接口主文件夹

type.ts --> 类型定义

assets

icons --> 里面放svg图标

xxx.svg

components

router

index.ts --> 路由主文件

routes.ts --> 里面放路由树

styles --> 里面放样式

index.scss --> 主样式

reset.scss --> 初始化样式

variable.scss --> 变量样式

utils --> 工具包

request.ts --> 请求配置

views --> 路由跳转页面

xxx

index.vue

App.vue

main.ts

vite-env.d.ts

.env.development

....