通过npm安装yarn npm install -g yarn 在一个新文件夹中创建vite项目（此时会创建失败） yarn create vite 修改全局安装目录、缓存目录、yarn bin位置，使他们保持一致，再次创建，创建成功 yarn config set global-folder "D

nginx上部署，nginx软件文件目录： 直接通过VS Code的NPM脚本中提供的build按钮进行打包 会在工程目录下生成一个dist目录，用于存放需要发布的前端资源

前端路由：URL中的hash(#号之后的内容）与组件之间的对应关系 让vue知道/dept对应哪个vue文件 vue官方提供了路由插件Vue Router,主要组成如下： VueRouter：路由器类，根据路由请求在路由视图中动态渲染选中的组件

Ajax: 全称Asynchronous JavaScript And XML，异步的JavaScript和XML。其作用有如下2点： 与服务器进行数据交换：前端通过Ajax可以给服务器发送请求，并获取服务器响应的数据，前端在通过vue技术，可以将数据展示到页面上 异步交互：可以在不重新加载整个页面

<br />添加换行 <el-table :data="tableData" border style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column>

Vue项目结构 Vue页面框架 对于8080端口，经常被占用，可以去修改默认的8080端口。修改vue.config.js文件的内容，添加如下代码：