Strive|说你想说

vuePress-theme-reco WEIXUFENG    2020 - 2026
Strive|说你想说 Strive|说你想说
主页
分类
  • 趣味杂谈
  • 技术面试
  • 学习笔记
  • 闲来没事
  • 技术笔记
  • 学习工具
标签
关于
个人作品
  • 图床 (opens new window)
  • 后台模板vue 2.0 (opens new window)
  • 后台模板vue 3.0 (opens new window)
工具大全
  • 身份证号银行卡号生成器 (opens new window)
  • 统一社会信用代码生成 (opens new window)
  • 图片压缩 (opens new window)
  • 在线转换图像文件 (opens new window)
  • 在线制作ico图标 (opens new window)
时间轴
author-avatar

WEIXUFENG

15

文章

14

标签

主页
分类
  • 趣味杂谈
  • 技术面试
  • 学习笔记
  • 闲来没事
  • 技术笔记
  • 学习工具
标签
关于
个人作品
  • 图床 (opens new window)
  • 后台模板vue 2.0 (opens new window)
  • 后台模板vue 3.0 (opens new window)
工具大全
  • 身份证号银行卡号生成器 (opens new window)
  • 统一社会信用代码生成 (opens new window)
  • 图片压缩 (opens new window)
  • 在线转换图像文件 (opens new window)
  • 在线制作ico图标 (opens new window)
时间轴
  • 🥰热爱、忠于
  • 🤯前端面试-JS篇
  • 🤯前端面试-CSS篇
  • 🤯前端面试-Vue篇
  • 🎫JavaScript技巧
  • 🎫CSS技巧
  • 🎫学习与认识 VUE
  • 🔨Technology
    • 代码规范
    • Vue 2.0 使用高德地图
  • 🔨Tool

代码规范

vuePress-theme-reco WEIXUFENG    2020 - 2026

代码规范

WEIXUFENG 2021-12-11 技术

# 代码规范

# 驼峰式命名法介绍

1.Pascal Case 大驼峰式命名法:首字母大写。eg:PersonInfo 2.Camel Case 小驼峰式命名法:首字母小写。eg:personInfo

# 文件命名

1.所有文件名统一使用小写,首页命名为 index.xxx,文件名禁止特殊字符比如空格、$等。统一使用英文单词或拼音缩写,必须小写。( 为了醒目,某些说明文件的文件名,可以使用大写字母,比如 README、LICENSE。 ) 2.文件名包含多个单词时,单词之间建议使用半角的连词线 ( - ) 分隔。 3.文件目录结构嵌套层级不要过深

# 文件目录结构

同功能放在同一个文件目录下,目录结构不要嵌套过深,文件名语义化一些,方便后续维护。

1.文件夹名称全部采用小写+"-" 来隔开; 2.避免多层嵌套,单个项目中的目录嵌套控制在最多三到四个层级内;

 - src 开发目录
      - pages 视图
          - module-a 模块A
            - components 私有组件
              - ComA.vue
              - ComB.vue
            - index.vue
          - module-b 模块B
      - components 公共组件
        - index.vue 导出所有组件
        - header
          - index.vue
      - utils 这里是以utils为后缀,JS工具库
        - index.js
        - a.utils.js
        - b.utils.js
      - hooks 这里是以hooks为后缀
        - index.js
        - a.hooks.js
        - b.hooks.js
      - service api请求,这里是以api为后缀
        - a.api.js 按照后端微服务进行划分
        - b.api.js
      - constans 常量