美文网首页
vue 、js 命名规范

vue 、js 命名规范

作者: 暴躁程序员 | 来源:发表于2023-12-19 17:39 被阅读0次

命名规范不是绝对,建议:怎么方便怎么来

一、常见的命名方式

小驼峰                       示例:nodeModules              
大驼峰                       示例:NodeModules
            
短横线分割                   示例:node-modules              
下划线分割                   示例:node_modules   

下划线分割+复数命名           示例:node_modules 
下划线分割+大写命名           示例:CURRENT_TIME 

二、vue 项目命名规范

1. 目录结构命名规范

  1. 项目目录命名规范
短横线分割                   示例:vue2-test-demo
  1. 内部目录命名规范
下划线分割+复数命名          示例:views、node_modules
  1. vue 常见目录结构
// 参考资料:https://www.kancloud.cn/henrycao/ctos3/1782562
├── dist                  # 运行npm build,编译后生成的代码存放目录
├── node_modules          # npm本地依赖包
├── public                # 该目录下的静态资源会被复制到输出目录(dist)中,不经过 webpack处理
├── src
│   ├── api               # 与后端交互使用相关方法,接口定义
│   ├── assets            # 放置一些静态资源,例如图片,图标,字体等
│   ├── components        # 公共组件  
│   ├── lang              # 国际化多语言定义 
│   ├── router            # vue-router相关配置 https://router.vuejs.org/zh/guide/
│   ├── store             # vuex 相关配置 https://vuex.vuejs.org/zh/
│   ├── styles            # 公共样式定义
│   ├── theme             # 主题定义
│   ├── utils             # 工具类定义,详细请阅读“工具类”部分介绍
│   ├── views             # 所有的路由组件,业务功能开发
│   ├── App.vue           # 路由组件的顶层路由
│   └── main.js           # vue入口文件
├── tests                 # 测试
├── .browserslistrc       # 指定项目的目标浏览器的范围,查看“配置项-目标浏览器”了解
├── .env                  # 环境变量配置,详细请阅读“环境变量和模式”部分介绍
├── .gitignore            # 配置不提交到git仓库的文件
├── postcss.config.js     # 配置rem转换,查看“配置项 - postcss.config.js”了解https://www.npmjs.com/package/postcss-px2rem
└── vue.config.js         # 配置文件,详细请阅读“配置项-vue.config.js”部分

2. 文件命名规范

  1. vue 文件
一个单词名使用小写命名,多个单词名使用大驼峰命名
  1. js、ts、html、css、less、scss、图像类、文件
小驼峰                

3. 方法、变量、常量命名规范

方法、变量                    小驼峰
常量                          下划线分割+大写命名

相关文章

  • vue 培训分享1

    一、命名规范 1、文件或文件夹的命名遵循以下原则:index.js 或者 index.vue,统一使用小写字母开头...

  • jquery$符号

    js命名规范允许的字符有:数字、字母、下划线、$。js命名规范允许为变量命名开头的字符有:字母、下划线、$;但是不...

  • 项目开发规范参考

    现有项目的开发规范文档 目录 命名规则文件命名 HTML规范 CSS规范 JS规范变量申明简写代码性能优化注释规范...

  • VUE项目规范

    Vue项目中js命名规则 类型规范示例常量全字符大写,单词用下划线_分隔FETCH_USERS、GET_USERS...

  • Vue项目命名规范

    index.js 或者 index.vue,统一使用小写字母开头的(kebab-case)命名规范; 属于组件或类...

  • 《javascript基础补充--开发规范》

    JavaScript 开发规范 本篇文章主要介绍了JS的命名规范、注释规范以及开发的一些问题 目录 命名规范:介绍...

  • js命名规范

    js命名应遵循 简洁、语义化 的原则 一、变量 命名方法: 小驼峰式命名法命名规范:前缀为形容词 (函数前缀为动词...

  • JS命名规范

    js:驼峰 firstNamecss:中划线 first-nameclass : FirstNamehtml : ...

  • 【JS】命名规范

    class/id 横线 常量全大写 变量下划线 临时变量下划线开头 函数 驼峰 类 大驼峰(帕斯卡) 文件 下划线...

  • vue命名规范

    自用vue变量命名规范 props 驼峰式命名 事件 组件 组件文件 基础组件名 基础组件名 name Pasca...

网友评论

      本文标题:vue 、js 命名规范

      本文链接:https://www.haomeiwen.com/subject/rvnzgdtx.html