环境准备：node.js、Visual Studio Code（也可以是其他开发工具，选自己熟悉的就行）
- 下载地址：https://nodejs.p2hp.com/
- https://code.visualstudio.com/
新建一个vue3的项目，选一个文件夹执行以下命令
-
使用 Vite 初始化一个名为projectTest 的项目，使用 Vue 作为前端框架
npm init vite@latest projectTest – --template vue -
安装开发和运行所需的依赖
npm install
（如果安装失败切换镜像：npm install --registry=https://registry.npmmirror.com） -
运行项目
npm run dev
-
使用vs打开项目，引入element-plus组件库
官网地址：https://element-plus.org/zh-CN/guide/installation.html
在项目的main.js中引入
-
引入路由https://router.vuejs.org/zh/installation.html
-
创建一个index.js文件
-
将router引入到main.js文件中，并在app.vue中展示
-
我们的数据最终是要跟后台交互的，所以还要引入axios。官网地址：https://www.axios-http.cn/docs/intro
-
在index.vue界面中写一个登录界面
-
新建一个axios.js文件，并引入axios
-
在接口类中引入axios实例，并创建方法调用axios.post进行请求
- 因为在浏览器中涉及到跨域问题，所以我们在vite.config.js配置一下要访问的路径
请求到数据之后，将数据存入到cookies中，还需要引入usecookies插件
测试
