《Vue代码规范指南》-Vue代码规范_Vue代码规范文档

《Vue代码规范指南》
价格：免费
状态：全书已完结
在读人数：8
热度：927

创建者

余归
0 粉丝 25博客

内容简介

代码规范是

章节目录

第一章命名规范
1.1项目文件命名规范
市面上常用的命名规范： camelCase（小驼峰式命名法 —— 首字母小写） PascalCase（大驼峰式命名法 —— 首字母大写） kebab-case（短横线连接式）Snake（下划线连接式）1.1.1 项目名全
1.2 Vue 组件命名规范
1.2.1 单文件组件名文件扩展名为 .vue 的 single-file components (单文件组件)。单文件组件名应该始终是单词大写开头 (PascalCase)。 components/ |- MyComponent.vue 1.2.2 单例组件名只拥有单个活跃实例的组件应该以 The 前缀命名
1.3 代码参数命名规范
1.3.1 name 组件名应该始终是多个单词，应该始终是 PascalCase 的。根组件 App 以及 <transition>、<component> 之类的 Vue 内置组件除外。这样做可以避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML 元素名称都是
第二章代码规范
2.1 Vue代码规范
2.1.1 代码结构 <template><div id="my-component"><DemoComponent /></div> </template><script> import DemoComponent fr
2.2 HTML代码规范
2.2.1 文件模板 HTML5 文件模板： <!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>HTML5标准模版-堆代码 duidaima.com</
2.3 CSS代码规范
2.3.1 样式文件样式文件必须写上 @charset 规则，并且一定要在样式文件的第一行首个字符位置开始写，编码名用 “UTF-8”。推荐： @charset "UTF-8"; .jdc {} 不推荐： /* @charset规则不在文件首行
2.4 JavaScript代码规范
2.4.1 单行代码块在单行代码块中使用空格。不推荐： function foo () {return true} if (foo) {bar = 0} 推荐： function foo () { return true } if (foo) { bar = 0 } 2.4.2 大括号风格
第三章注释规范
3.1 HTML 文件注释规范
注释的目的：提高代码的可读性，从而提高代码的可维护性注释的原则：如无必要，勿增注释 ( As short as possible ) 如有必要，尽量详尽 ( As long as necessary ) 3.1 HTML 文件注释 3.1.1 单行注释一般用于简单的描述，如某些状态描述、属性描述等。注释内容前后各一个空格字符，注释位于要注释代码的上面，单独占一行。推荐： <!-
3.2 CSS 文件注释规范
3.2.1 单行注释注释内容第一个字符和最后一个字符都是一个空格字符，单独占一行，行与行之间相隔一行。推荐： /* Comment Text */ .jdc {} /* Comment Text */ .jdc {} 不推荐： /*Comment Text*/ .jdc {displ
3.3 JavaScript 文件注释规范
3.3.1 单行注释单行注释使用 //，注释应单独一行写在被注释对象的上方，不要追加在某条语句的后面。推荐： // is current tab const active = true 不推荐： const active = true // is current
第四章其它
缩进换行请使用两个空格。大型团队多人协作项目推荐 JavaScript 代码末尾加分号。小型个人创新练手项目可尝试使用 JavaScript 代码末尾不加分号的风格，更加清爽简练。（全书完）