前端环境准备

1.创建项目->下载依赖->打开

进入要创建的目录，在目录上输入cmd回车，在控制台输入npm init vue@latest，输入（项目名）一直回车点否。项目构建完成后输入cd （项目名），然后输入npm install下载相关依赖。下载完成后输入code .打开vscode。

2.下载依赖element-plus，axios，sass -D

安装依赖回到控制台，输入npm install element-plus --save下载依赖，完成后回到vscode打开main.js导入import ElementPlus from 'element-plus'，导入样式import 'element-plus/dist/index.css'。在view实例上使用上，const app = createApp(App); app.use(ElementPlus); 最后通过调用挂载app.mount('#app');

npm install axios

npm install sass -D

3.配置运行

删除src下components,在src下新建api,utils,views，在utils下复制请求工具request.js，删除assets下文件引入main.scss，并引入静态资源-图片，打开main.js将第一行main.后缀改为scss。删除App.vue中自动生成的内容。在控制台输入npm run dev运行。

---

开发步骤