1. reset

在assets的style文件夹里新建reset.scss
image.png

  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4.     box-sizing: border-box;
  5. }
  6. body {
  7.     line-height: 1.5;
  8. }
  9. a {
  10.     text-decoration: none;
  11.     color: inherit;
  12. }

App.vue里引入reset.css
image.png

2. 全局字体，行高

google搜索font.css, https://zenozeng.github.io/fonts.css/
image.png
复制想要字体的font-family的值
在assets/style文件夹新建helper.scss, 声明一个变量，在App.vue里引入并使用
image.png
image.png
line-height一般给1.5
注意，如果是写到#app里，template里一定有这个id, template会覆盖index.html里的


image.png
注意：helper.scss只放变量，不要放其他东西，变量最后编译时会消失