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

最新推荐文章于 2025-06-11 14:51:23 发布

creating-J

最新推荐文章于 2025-06-11 14:51:23 发布

阅读量923

点赞数

CC 4.0 BY-SA版权

分类专栏：前端知识积累文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/cratingJ/article/details/125616311

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

24 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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风格