| 失效链接处理 |
|
Vue开发规范 PDF 下载
本站整理下载：
相关截图：
主要内容：
一、编程规约
( 一)命名规范 命名规范
项目命名
全部采用小写方式， 以中划线分隔。
正例： mall-management-system
反例： mall_management-system / mallManagementSystem
目录命名
全部采用小写方式， 以中划线分隔，有复数结构时，要采用复数命名法， 缩写不用复数
正例： scripts / styles / components / images / utils / layouts / demo-styles /
demo-scripts / img / doc
反例： script / style / demo_scripts / demoStyles / imgs / docs
【特殊】VUE 的项目中的 components 中的组件目录，使用 kebab-case 命名
正例： head-search / page-loading / authorized / notice-icon
反例： HeadSearch / PageLoading
【特殊】VUE 的项目中的除 components 组件目录外的所有目录也使用 kebab-case 命
名
正例： page-one / shopping-car / user-management
反例： ShoppingCar / UserManagement
JS 、CSS 、SCSS 、HTML 、PNG 文件命名 文件命名
全部采用小写方式， 以中划线分隔
正例： render-dom.js / signup.css / index.html / company-logo.png
反例： renderDom.js / UserManagement.html
命名严谨性
代码中的命名严禁使用拼音与英文混合的方式，更不允许直接使用中文的方式。 说明：正
确的英文拼写和语法可以让阅读者易于理解，避免歧义。注意，即使纯拼音命名方式也要避
免采用
正例： henan / luoyang / rmb 等国际通用的名称，可视同英文。
反例： DaZhePromotion [打折] / getPingfenByName() [评分] / int 某变量 = 3
杜绝完全不规范的缩写，避免望文不知义：
反例：AbstractClass“缩写”命名成 AbsClass；condition“缩写”命名成 condi，此类随意缩
写严重降低了代码的可阅读性。
VUE 开发规范
第 2 页 共 26 页
( 二)HTML 规范 规范 （ （Vue Template 同样适用）
同样适用）
HTML 类型 类型
推荐使用 HTML5 的文档类型申明： .
（建议使用 text/html 格式的 HTML。避免使用 XHTML。XHTML 以及它的属性，比如
application/xhtml+xml 在浏览器中的应用支持与优化空间都十分有限）。
规定字符编码
IE 兼容模式
规定字符编码
doctype 大写
|
| Java1234官方群25： | 
|
| Java1234官方群25： | 838462530 |
苏公网安备 32061202001004号
