What do you think is the best file/folder naming convention in a project?

Question

Vue.js

Good afternoon/evening/night!

Furiously interested in what approach is most loved by the community today in matters of naming files / folders in the entire modern front-end project. In particular, I'm interested in Vue and some collective opinion of the Vue community, if any.) I'll explain the reason for my search:

For example, it seems to me quite harmonious to use a kebab case in general everywhere, including the names of .js / .vue files, folders and the names of components in the template markup. With this approach, in my opinion, any deviations from the guide are excluded and visually looks nice. But in this case, the specificity of .vue files and js modules that export classes that are usually named in pascal is lost. I've already rummaged through half of the Internet and stopped hacking a bunch of projects on the github, but I didn't come to the final conclusion - everything is very different for everyone.

I understand that this is a matter of taste, but it would be extremely curious to know what conventions are used in your projects (especially if you work in a team). Thank you!

Answer 1

Any that the whole team adheres to :)