Vue.js工程项目中文件/文件夹命名规范
访问官方Vue 特有代码的风格指南https://cn.vuejs.org/v2/style-guide/
文件或文件夹命名遵循以下原则:
①index.js 或者 index.vue,统一使用小写字母开头的(kebab-case)命名规范;
②属于组件或类的,统一使用大写字母开头的(PascalCase)命名规范;
③其他非组件或类的,统一使用小写字母开头的(kebab-case)命名规范;
命名方式一:源码文件夹src下的文件夹统一使用小写字母命名;
── src/
├── api
├── views
├── common
├── components/
│ └── ...
└── assets/
└── ...
命名方式二:全局公共组件src/components下的文件夹统一使用大写字母开头的(PascalCase)命名,其中,文件夹下除index.vue&index.js外,其他的.vue文件均统一使用大写字母开头的(PascalCase)命名;
└── components/
├── Footer/
└── index.vue
└── index.js
└── Footer.vue
命名方式三:其他业务页面组件src/views下的文件夹统一使用大写字母开头的(PascalCase)命名,其中,文件夹下除index.vue&index.js外,其他的.vue文件均统一使用大写字母开头的(PascalCase)命名;
└── views/
├── Home/
└── index.vue
└── index.js
└── Home.vue