A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://panjiachen.github.io/vue-element-admin-site/zh/guide/advanced/style-guide.html below:

Website Navigation


风格指南 | vue-element-admin

# 风格指南

本项目的风格指南主要是参照 vue 官方的风格指南 。在真正开始使用该项目之前建议先阅读一遍指南,这能帮助让你写出更规范和统一的代码。当然每个团队都会有所区别。其中大部分规则也都配置在了eslint-plugin-vue 之中,当没有遵循规则的时候会报错,详细内容见eslint章节。

当然也有一些特殊的规范,是不能被 eslint 校验的。需要人为的自己注意,并且来遵循。最主要的就是文件的命名规则,这里拿vue-element-admin来举例。

# Component

所有的Component文件都是以大写开头 (PascalCase),这也是官方所推荐的

但除了 index.vue

例子:

# JS 文件

所有的.js文件都遵循横线连接 (kebab-case)。

例子:

# Views

views文件下,代表路由的.vue文件都使用横线连接 (kebab-case),代表路由的文件夹也是使用同样的规则。

例子:

使用横线连接 (kebab-case)来命名views主要是出于以下几个考虑。


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4