黑马程序员技术交流社区

标题: 项目命名规范 [打印本页]

---

作者: 小江哥    时间: 2020-1-10 17:22
标题: 项目命名规范
Component

所有的Component文件都是以大写开头（PascalCase）除了index.vue。

例：

• @/src/components/BackToTop/index.vue
• @/src/components/Charts/Line.vue
• @/src.views/examplate/Button.vue
  
  
  

JS文件

所有的.js文件都遵循横线连接（kebab-case）、

例：

• @/src/utils/onen-window.js
• @/src/views/svg-icons/require-icons.js
• @/src/components/MarkdownEdiitor.default-options.js
  
  

views

在views文件下，代表路由的.vue文件都是用短横线连接（kebab-case），代表路由的文件夹也是使用同样的规则。

例：

• @/src/views/svg-icons/index.vue
• @/src/views/svg-icons/require-icons.js
  
  
  

使用横线连接（kebab-case）命名views主要原因

• 横线连接（kebab-case）是官方推荐的命名规范之一
• views下的.vue文件代表的是一个路由，所以需要和component`进行区分（component都是大写开头）
• 页面的url也都是横线连接的，比如https://www.admin.com/export-excel，所以路由对应的view应该要保持统一
• 没有大小写保持统一
  
  

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2