vue项目--后台管理系统（day2）

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情

我们创建好我们的vue-manage项目之后先使用vscode打开，然后点击上方的终端，新建终端，输入yarn serve,先让项目跑起来再去修改他的内容。

回车输入完成之后我们的项目就跑在本地的8080端口，我们按住Ctrl，点击那个端口，就可以在浏览器看到我们的项目的初始化的样子了。

1. 我们需要修改一下里面的内容，使其变得干净一些，首先，src里面的companies里面的HelloWorld.vue文件我们选择删除，AboutView.vue文件以及HomeView.vue文件我们也选择删除，到这里的时候我们可能会看到终端在报错，没关系我们只需要在router文件下的index.js文件里面的import HomeView的引入删除，下面的routes的两个页面的路径也删除，还有App.vue里面的两个页面的nav删除就可以了，这样我们的终端就不会报错了

2. 然后我们再回到浏览器看，发现整个页面是空白的，这样我们的项目初始化就完成了 ，然后我们就可以开始我们后台管理系统的开发了。

3. 首先，我们需要一个主页面，来主体展示我们的内容，需要在views中创建一个Main.vue文件，然后我们输入一个< .然后按下回车，我们的vue文件的基本骨架就出来了

之后我们通过在这个页面引入各种组件来完成我们页面的开发。