1.删除src/App.vue的text-align: center;
2.删除选中部分
3.添加如下部分
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
4.开始新建页面:在src/views中新建.vue文件,并在<template>标签中编写html代码,
将'login',改为 'loginPage',格式规范ESLint规定不能使用一个单词作为name,要几个单词使用驼峰命名法
5.在src/router/index.js文件中配置路由:
改为重定向到之前新建的login.vue文件:
6.删除创建时自带的两个vue文件
删除src/App.vue中选中部分
启动项目:
在终端进入根目录,运行指令:npm run serve