前端规范

1.命名规范：所有都要语义化,有意义的名称或者动词

(1) 项目命名：全部采用小写方式， 以下划线分隔。 例：my_project
(2) 文件夹命名: 采用驼峰式命名第二个单词首字母大写，例：userManagement
(3) Js、css、html文件命名：全部采用小写方式,以下划线分割，例：user_add.js
(4) 事件命名: 都以on开头，名称即功能名称，采用驼峰式命名第二个单词大写 例编辑事件：onEdit
(5) 组件命名: 导入时首字母大写， 例 PascalCase；使用时用’-‘，例：<kebab-case></kebab-case>
(6) 参数命名: 采用驼峰式命名
(7) Props命名：使用时，用驼峰命名，模板中使用’-‘的形式
例： props:{
greetingText: String
}
<welcome-message greeting-text="hi"></welcome-message>

2.Vue文件方法声明顺序

(1) components
(2) props
(3)data
(4) computed
(5) created
(6) mounted
(7) activited
(8) update
(9) beforeRouteUpdate
(10) metods
(11)watch

3.注释规范

(1) 组件头部注释，描述组件功能，作者等，用vscode插件，使用如下
(2) Html中每个模块要给注释功能 例：<!-- 搜索功能 -->
(3) 参数：标记参数含义 例：jobList: [] // 职位列表
(4) 方法：标记方法功能，参数含义 例：
/  @method：’方法功能’,@param: data 查询参数/

4.编码规范

(1) 使用vscode提供的格式化，在设置里面选择文本编译器， 选中正在格式化选项，勾选format on Save，保证保存时，代码格式化风格一致
(2) 提交代码时，打印输出，必须删除，如console.log, 页面中不无用代码也必须删除
(3) 减少逻辑一样的重复代码，比如多个if else ，改为switch case
(4) 小程序统一用rpx
(5) gitignore文件里加上node_modules文件夹和unpackage文件夹

小标题

头部注释：
下载 koroFileHeader插件
在设置里面找到文件，编译settings.json,复制如下代码
"fileheader.customMade": { // 头部注释
"Author":"chenky",
"Date":"Do not edit",
"LastEditors":"chenky",
"LastEditTime":"Do not edit",
"Description":"file content"
},
 
"fileheader.configObj": {
"autoAdd": false, // 默认关闭
}
快捷键 ctrl+alt+i