前端:项目 文件 文件夹 命名规范

时间:2025-02-07 21:49:39
格式化规范 推荐使用Vscode 采用相同的配置,保证格式化统一。项目的格式化遵循中规定的规则;HTML和CSS的格式化与主流保持一致。
命名规范
1. 文件名用下划线连接;
2. 类、id 用中划线;
3. 项目名用中划线;
4. 文件夹用小驼峰,组件用大驼峰。
项目命名 全部以小写字母命名,以中划线分割。如my-project
目录命名 全部以小驼峰命名法,除第一个单词之外,其他单词首字母大写。如myDir。
文件名 组件命名 遵循 Pascal 命名法(大驼峰),例如
JS/TS文件 小写字母命名,多个单词以下划线连接,例如 、util_helper.js
HTML/CSS文件 确保文件命名总是以字母开头而不是数字,且字母一律小写,以下划线连接且不带其他标点符号。如 my_page.html、my_page.css。
标识符 媒体命名 全部以小写字母命名,多个单词以下划线连接。详情见下文
class/id命名 全部字母为小写,单词之间统一使用中划线 “-” 连接。详情见下文
js 变量 函数 采用小驼峰的命名方式;采用字母打头,不使用 `_` 和 `$` 与系统和第三库的变量进行区分;
js 常量 字母全大写

相关文章