Vue 项目初始化

---

一、初始化

1、删除 Helloword.vue

删除 src文件夹下的 cpmponents文件夹下的 Helloword.vue 文件

2、删除 views 中的文件

删除 view下的 AboutView.vue、HomeView.vue 文件

3、自定义页面

在views中新建我们的页面文件 myPage.vue文件（默认的配置即可）:

4、清空默认根组件、项目样式

• 全局的根组件默认显示内容设置在 App.vue 文件中，上面展示的页面上头部的 Home|About就包含在其中，我们将其删除
• 还有一些默认的页面css样式，也一并清除
• 同时重置浏览器的布局（边距）

<template>
  <router-view />
</template>

<style lang="scss">
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; //border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。
}
</style>

二、其他

1、设置行尾序列

已用插件