vue项目命名规范（仅供参考）

最新推荐文章于 2025-11-06 11:31:37 发布

原创最新推荐文章于 2025-11-06 11:31:37 发布 · 949 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

前端知识积累专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种项目中文件和代码的命名规范，包括不同类型的文件（如.js, .vue, .scss/.css）及代码元素（如变量和方法）的命名建议。遵循这些规范有助于提高代码的可读性和一致性。

项目命名规范根据团队项目习惯而定，以下推荐，仅供参考：

1、*.js文件
属于类的.js文件，除index.js外，使用PascalBase风格
其它类型的.js文件，使用kebab-case风格
属于api的，统一加上api后缀

2、*.vue文件
除index.vue之外，其它.vue文件统一用PascalBase风格

3、*scss/*.css/*文件
统一使用kebab-case命名风格

4、vue，js的变量、方法用驼峰命名方式，如：onSelectChange(currentData)

5、所有文件夹用kebab-case风格