黑马人资快速通关

第一阶段

桌面新建文件夹打开

shift+右键打开power shell

输入git clone https://github.com/PanJiaChen/vue-admin-template.git hmst

下载完 进入文件夹后删除.git文件 后右键vscode打开

终端里npm i 完事后 npm run dev

项目可以运行后 注释掉main.js 里的

if (process.env.NODE_ENV === 'production') {

const { mockXHR } = require('../mock')

mockXHR()

}

注释完后 删掉mock 文件！

注释掉vue.config.js里的before: require('./mock/mock-server.js')这行代码

把src 里 permission.js里内容全删了

把src/ store/ module/ user.js内容全删了 在里面写

export default {

namespaced: true,

state: {},

mutations: {},

actions: {}

}

再把getter.js里的那三行代码删了

插件库里下载easy sass

src/utils/request.js 内容删除 添加

import axios from 'axios'

const server = axios.create()

server.interceptors.request.use()

server.interceptors.response.use()

export default server

在src/api/user.js里删了改

// import request from '@/utils/request'

export function login(data) {}

export function getInfo(token) {}

export function logout() {}

把资源里图片里common文件夹粘贴到src的assets文件里

把资源样式里的两个scss文件复制到src/styles里，点击替换

在styles里的index.scss里引入

@import './common.scss';

.env.development里添加

#定义服务启动的端口

port = 8888

src setting里的title改成 人资

停掉终端（ctrl+c）重新 npm run dev

启动成功后变为

修改src/ views/login/index.vue里的代码 改为图片 把img放到h3标签里

然后还是这个页面 在下方css里添加 background-image: url(~@/assets/common/login.jpg);

@前记得加~

成果

再在那行代码下加个 background-position: center;

然后再看实际页面