其实说使用 Scss 写样式，这不很简单么？还用学习，哈哈哈。我们为了团队整体协作开发，为了更更的效率，我们遵循：
- 在
src/assets/scss/目录中定义样式，并列出常用的配置：variables.scss- 样式变量，通过vue.config.js中全局加载mixins.scss- 全局 Mixins ，通过vue.config.js中全局加载，注意：该文件只能定义，不能直接输出样式reset.scss- 重置样式layout.scss- 页面布局，一般用于页面整体的一些设置common.scss- 全局常用、通用的一些样式，如：栅格化、常用类等public.scss- 样式入口文件，在App.vue中加载（不使用作用域模式）
- 所有通用、页面整体、变量全在
src/assets/scss/*.scss中写，页面、组件（.vue文件）自身单独的样式由各自文件内样式完成，如：<style lang="scss" scoped>- 私有作用域模式，不会污染其他组件，如果需要某个选择器不加作用域可以使用/deep/ selector {}定义样式，其他scoped说明请看官方介绍：Scoped CSS - 统一由
.browserslistrc配置浏览器兼容处理 - 使用 stylelint 验证样式规范