2.【Vue实战--孢子记账--Web 版开发】--项目配置
这篇文章我们来一起把孢子记账的Web版项目创建出来
一、创建项目
我们使用vite 来创建目录，命令如下：
npm init vite SporeAccountingWeb
按照如下图的进行选择
二、安装项目依赖和基础文件
在项目中我们需要安装element-plus/icons-vue、element-plus、axios、vue-axios和vue-router，这几个依赖组件，具体这几个组件的作用我相信大家一定清楚，在这里我就不提了。
依赖组件安装完后，我们需要添加一些基础文件和文件夹。首先在src文件夹下新建pages文件夹，这个文件夹是用来存储vue页面和功能大模块用的。接着在src下再新建Interface文件夹，这个文件夹用来存在页面和组件中用到的数据模型。
最后，我们在Interface文件夹下新建response.ts文件，这个文件是通用的服务端返回数据模型，代码如下：
export interface Response<T> {
statusCode: number;
errorMessage: string;
data: T;
}
三、总结
项目配置就这些，大家跟着一起配置即可，没什么技术含量。
原文地址：https://blog.csdn.net/gangzhucoll/article/details/145076678
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！