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

你可能感兴趣的:(Vue.js工程项目中文件/文件夹命名规范)