Vue 项目初始化

Vue 项目初始化 一、初始化1、删除 Helloword.vue2、删除 views 中的文件3、自定义页面4、清空默认根组件、项目样式 二、其他1、设置行尾序列

---

一、初始化 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、设置行尾序列

已用插件