前端项目学习记录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 vite-plugin-mock@2.9.6 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

                ....