课程笔记

3-5 集成 mybatis-generator

mybatis-generator:generate -e

4-3 安装Vue ClI

npm get registry --显示当前的镜像网址 npm config set registry http://registry.npm.taobao.org --使用淘宝的镜像地址

版本保持一致

npm install -g @vue/cli@4.5.9

创建web

vue create web

4-5 集成Ant Design Vue

@nex: 安装最新的未正式发布版本

npm install ant-design-vue@next --save

版本保持一致

npm install ant-design-vue@2.0.0-rc.3 --save

文件回退: 选中文件 --> 鼠标右键 --> revert

集成第三方组件一般都在main.ts里加配置

import Antd from 'ant-design-vue';

import 'ant-design-vue/dist/antd.css';

4-6 将布局放到App.vue, 将各页面变化的部分放到各自路由页面

5-2 集成HTTP库Axios

npm install axios@0.21.0 --save

5-3 Vue3数据绑定显示列表数据

响应式变量 ref() 或者 reactive(), 整个项目尽量只用其中的一种, 便于维护 pre标签会保留空格, 原封不动的展示出来 统一使用ref()

5-4 电子书列表界面展示

使用Ant Design Vue组件展示

进入web --> 集成图标组件

npm install @ant-design/icons-vue --save npm install @ant-design/icons-vue@5.1.8 --save

5-5 Vue多环境配置, 增加dev和prod配置文件

编译和启动增加多环境命令

5-6 使用Axios打印前端日志