前端vue3项目规范及命名规范

1.代码量

单个文件：单个文件原则上代码量不超过500行，超过则考虑拆分或抽取组件；

单个函数：单个方法不超过80行，超过则需考虑抽取子函数；

请求：请求放在单独的文件里（后缀api.js），然后引入；

页面数据：页面配置数据（如表格搜索栏，表头字段）放在单独的文件里（后缀data.js）,然后引入；

2.多个特性的元素规范

多个特性的元素应该分多行撰写，每个特性一行，增强可读性。

例如：<my-component

              foo="a"

              bar="b"

              baz="c"

           >

         </my-component>

3.普通变量命名规范

小驼峰命名法，如mySchool，命名必须是跟需求内容有关的词，命名是复数的时候需要加s。

4.常量命名规范

全部大写，使用大写字母和下划线来组合命名，下划线用以分割单词，如MAX_COUNT

5.组件命名规范

声明组件：单词首字母大写命名，如MyComponent,组件名应该始终是多个单词，根组件App除外。组件名应该是有意义的、简短、具有可读性。

使用组件：短横线分割命名，如<my-component></my-component>

6.方法命名规范

驼峰式命名，统一使用动词+名词形式，如getTemplateList()

7.文件夹命名规范

文件夹代表模块的名字，一般直接由页面中文名称翻译为英文名称。

文件夹英文名称第一个单词的字母小写，后面每个单词的首字母大写。

views文件夹下，只有一个文件的情况下不需要创建新的子文件夹，而是直接放在views目录下。

8.css命名规范

class命名采用小写字母，以中划线分割

id命名采用驼峰命名

Scss中的函数、变量等使用驼峰命名