前端基建：小团队前端代码规范基础篇

1. 命名规范

• 变量命名： ❤️
  • 使用驼峰命名法：let userInfo = {}，const orderId = 123。
  • 尽量避免缩写：尽量使用完整的描述性命名，let buttonSubmit 比 btnSub 更清晰。
  • 布尔值应以 is, has, can, should 开头，如：isValid, hasError。
  • 常量使用全大写下划线分隔命名 (力求语义表达完整清楚， 不嫌名字长)：const API_ENDPOINT = ""。
  • 数组命名：名词+List, 名词+s, 如：userList
• 函数命名： ❤️
  • 使用动词短语或（动词 或者 动词+名词 形式）：getUserInfo(), fetchData(), validateForm()。saveShopCarData /openShopCarInfoDialog
  • 注：常用动词参考文档底部
• 组件命名： ❤️
  • Vue 和 React 组件名使用大驼峰命名法：UserProfile, OrderList。
• 文件命名： ❤️（包括文件夹，JS、CSS、SCSS、HTML、PNG 文件命名）
  • 全部采用小写方式， 以中划线分隔：user-profile.vue，order-list.js。
  • 每个文件只包含一个组件或一个功能模块，避免混杂多个功能。

• 命名严谨性（可读性） ❤️
  • 代码中的命名严禁使用拼音与英文混合的方式，更不允许直接使用中文的方式。（除特殊含义命名：如shuidi,jingdong)
  • 杜绝完全不规范的缩写，避免望文不知义

• 避免魔法数字

作者：咚咚咚ddd 链接：https://juejin.cn/post/7508862598974373914 来源：稀土掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。