`在创建项目的同时,也生成了很多无用的代码,那么需要去除掉这些无用的代码。
按照如下方式初始化项目代码结构:
-
App.vue
初始化代码如下:
<!--
* @Author: longerJue
-->
<template>
<router-view />
</template>
<style lang="scss"></style>
-
删除
views
文件夹下的所有.vue
文件 -
删除
components
文件夹下的所有.vue
文件 -
router/index.js
中初始化代码如下:
/*
* @Author: longerJue
*/
import { createRouter, createWebHashHistory } from "vue-router";
const routes = [];
const router = createRouter({
history: createWebHashHistory(),
routes,
});
export default router;
- npm run serve运行起来,浏览器中访问,控制台中未报错即正常: