vue文件命名规范和文件夹命名规范

 

views 命名

views 文件夹下面是由 以页面为单位的vue文件 或者 模块文件夹 组成的，放在 src 目录之下，与 components、assets 同级。

views 下的文件夹命名

1. views 下面的文件夹代表着模块的名字
2. 由名词组成（car、order、cart）
3. 单词只能有一个（good: car order cart）（bad: carInfo carpage）
4. 尽量是名词（good: car）（bad: greet good）
5. 以小写开头（good: car）（bad: Car）

views 下的 vue 文件命名

1. views 下面的 vue 文件代表着页面的名字
2. 放在模块文件夹之下
3. 只有一个文件的情况下不会出现文件夹，而是直接放在 views 目录下面，如 Login Home
4. 尽量是名词
5. 大写开头，开头的单词就是所属模块名字（CarDetail、CarEdit、CarList）
6. 名字至少两个单词（good: CarDetail）（bad: Car）
7. 常用结尾单词有（Detail、Edit、List、Info、Report）
8. 以 Item 结尾的代表着组件（CarListItem、CarInfoItem）

 

参考：

官方：

https://cn.vuejs.org/v2/style-guide/#组件文件强烈推荐

其他：

https://www.cnblogs.com/amylis_chen/p/11331455.html

https://www.jianshu.com/p/7e397fc3dd5c