1.命名规范
1.1 项目命名
全部采用小写方式,以中划线分隔 user-management-system
1.2目录命名
小写驼峰命名 demoScripts
1.3 js、css、html、scss、png文件命名
小写驼峰命名 companyLogo.png
2.css规范
2.1 类名使用小写字母,中划线分隔 card-hearder,id采用驼峰
2.2 选择器 避免超过三层,不需要命名空间
##3.javascript规范
3.1命名 采用小写驼峰命名 lowerCameCase,常量全部大写,单词间下划线隔开
4.增删查改统一使用如下
add/delete/get/update
5.函数方法常用动词
get 获取 set设置
add增加 remove删除
Create 创建 destory 销毁
Start 启动 stop停止
Open 打开 close 关闭
Read 读取 write 写入
Load 载入 save 保存
Begin 开始 end 结束
Backup 备份 restore 恢复
Import 导入 export 导出
Split 分割 merge 合并
Inject 注入 extract提取
Attach 附着 detach脱离
Bind 绑定 separate分离
view查看 browse浏览
Edit 编辑 modify 修改
Select 选取 mark 标记
Copy 复制 paste 粘贴
Undo 撤销 redo重做
Insert 插入 delete 移除
Add 加入 append添加
Clean 清理 clear清除
Index 索引 sort 排序
Find 查找 search 搜索
increase增加 decrease减少
Paly 播放 pause暂停
launch启动 run运行
Compile 编译 execute执行
Debug 调试 trace跟踪
Observe 观察 listen监听
Build 构建 publish发布
Input 输入 output输出
encode编码 decode解码
encrypt加密 decrypt 解码
Compress 压缩 decompress解压缩
Pack 打包 unpack解包
Parse 解析 emi生成
connect连接 disconnect断开
Send 发送 receive接受
download下载 upload上传
Refresh 刷新 synchronize 同步
Update 更新 revert复原
Lock 锁定 unlock解锁
Checkout 签出 check in迁入
Submit 提交 commit交付
Push 推 pull 拉
Expend 展开 collapse折叠
Begin 起始 end 结束
Start 开始 finish完成
enter进入 exit 退出
abort放弃 quit离开
Obsolete 废弃 depreciate废旧
collect收集 aggregate聚集
6.vue目录规范 src内
api所有api接口
Assets 静态资源浀es icons styles
Components 公用组件 文件名单词大写开头PascalCase
Config 配置信息
Constants 常量信息 项目所有Enum 全局常量
Directives 自定义指令
Filters 过滤器 全局工具
Lib 外部引用的插件存放及修改文件
Mock 模拟接口 临时存放
Plugins 插件全局使用
Router 路由统一管理
Store vuex 统一管理
Themes 自定义样式主题
Views 视图目录
7.组件命名规范
组件name 大于等于2个单词组成 TodoItem 首字母大写
Prop 定义
1.必须使用小驼峰命名
2.必须指定类型
3.必须加上注释,表明其含义
4.必须加上required或者default
5.如果有业务需要 必须加上validator验证
Props:{
Status:{
Type:string,
Required:True,
Validator:function(value)
}
}
6.必须为v-for设置键值key
评论区