vue项目命名规范

最新推荐文章于 2024-06-18 09:37:12 发布

都挺好，刚刚好

最新推荐文章于 2024-06-18 09:37:12 发布

阅读量1.5k

点赞数

分类专栏：项目文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/seimeii/article/details/121080559

版权

项目专栏收录该内容

75 篇文章 0 订阅

订阅专栏

1、组件命名

index.js 或者 index.vue，统一使用小写字母开头的(kebab-case)命名规范；

属于组件或类的，对于组件的导出/导入，
统一使用大写字母开头的(PascalCase)命名规范 ；

export { default as AppMain } from './AppMain' // 使用 PascalCase命名的文件夹

components下的子文件夹名称统一大写开头（PascalCase）（比较习惯小写）

其他非组件或类的，统一使用小写字母开头的(kebab-case)命名规范

2、.js文件命名规范

属于类的.js文件，除index.js外，使用PascalBase风格
其他类型的.js文件，使用kebab-case风格
属于Api的，统一加上Api后缀

3、vue文件命名规范

除index.vue之外，其他.vue文件统一用PascalBase风格

4、.less文件命名规范

统一使用kebab-case命名风格

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

都挺好，刚刚好

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
vue项目命名规范

一、项目命名litemall-master
复制链接

扫一扫

专栏目录

vue组件命名和props命名代码详解

10-16

组件命名和props命名规范对于编写可维护、可扩展的代码至关重要。下面将详细讲解Vue组件命名和props命名的规则及最佳实践。首先，Vue组件的命名有以下几种方式： 1. **kebab-case（短横线命名）**：例如`my-...

Vue中的一些命名规范

weixin_45460053的博客

03-16

9016

在重新回顾vue官网的时候，发现一些很容易被遗忘和混淆的命名规范，今天就拿出来一起总结一下。组件名在注册一个组件的时候，我们始终需要给他起一个名字，在起这个名字的时候我们需要注意什么呢？ vue强烈建议遵循w3c规范中的自定义组件命名——字母全部小写并且必须包含一个连字符。这会帮助你避免和当前或者未来的html元素相冲突。例如： Vue.component('my-component-name', { /* ... */ }) Prop HTML 中的 attribute 名是大小写不敏感的，所以浏览

参与评论您还未登录，请先登录后发表或查看评论

Vue 前端代码风格

m0_50243859的博客

11-02

342

1.1.1 项目名全部采用小写方式，以短横线分隔。例：my-project-name。 1.1.2 目录名参照项目命名规则，有复数结构时，要采用复数命名法。例：docs、assets、components、directives、mixins、utils、views。 1.1.3 图像文件名 HTML 文件全部采用小写方式，优先选择单个单词命名，多个单词命名以下划线分隔。 1.1.4 CSS 文件名 JavaScript 文件名全部采用小写方式，优先选择单个单词命名，多个单词命名以短横线

Vue 3.0 命名规范

最新发布

m0_58467921的博客

06-18

597

文件和组件命名组件文件 PascalCase：组件文件的命名应该使用帕斯卡命名法（每个单词的首字母大写）。单文件组件：单文件组件的文件名应该与组件名保持一致。示例：MyComponent.vue

vue中的一些命名规则

lalala_dxf的博客

02-08

1711

【代码】vue中的一些命名规则。

vue命名规范

qq_53478650的博客

08-15

2370

例子：比如我有整个页面的布局为三个容器上面一个最上面的头部栏左侧是菜单右边内容那么这三个页面应该放在哪个文件夹里呢。中组合头部栏、菜单和内容区域，创建整体页面布局。整个项目的结构更清晰，各部分的功能和样式相互隔离，更易于维护和扩展。对于这种整体页面布局，您可以将不同部分的容器分别放在不同的文件夹中，以便更好地组织和管理。负责整体页面的内容。这种结构使得不同部分的代码更容易维护，并且可以在需要的地方引用这些布局和页面组件。中，您可以组合这些组件，构建整体的页面布局。

Vue命名规范

seimeii的博客

11-08

1099

vue项目前端规范资源

12-20

1. **命名规范**： - **普通变量和方法**：使用驼峰命名（camelCase），确保名称与需求内容相关。复数形式需在末尾加's'。 - **常量和方法**：全部大写（Uppercase），使用大写字母和下划线组合，下划线分隔单词。...

vue-build:vue项目结构、文件目录、命名规则

05-17

web1000A Vue.js project项目目录结构|-- src // 源码目录| |-- components // 功能组件| |-- common // 公共组件| |-- footer // 分模块--底部公共组件| |-- header // 分模块--头部公共组件|| |-- config // 基本...

乐橙 vue项目 demo

03-04

开发者可以在这个文件中定义自己的代码规范，如缩进风格、命名约定等，以保持团队间的代码一致性。 `babel.config.js`是Babel的配置文件，Babel是一个JavaScript编译器，它可以将最新的ES6+语法转换为广泛支持的ES5...

Vue项目中ESlint规范示例代码

10-16

以下是一些在Vue项目中常见的ESLint配置示例，这些规则涵盖了Vue组件和JavaScript语法的多个方面： 1. `vue/max-attributes-per-line`: 这个规则规定了Vue组件中属性的最大数量，当超过限制时，应将它们分成多行。...

Vue最全项目命名规范

u011269322的博客

09-16

1万+

Vue最全项目规范一、命名规范1.1 项目文件命名1.1.1 项目名1.1.2 目录名1.1.3 图像文件名1.1.4 HTML 文件名1.1.5 CSS 文件名1.1.6 JavaScript 文件名一、命名规范 市面上常用的命名规范： camelCase （小驼峰式命名法–首字母小写） PascalCase （大驼峰式命名法–首字母大写） kebab-case（短横线连接式） Snake（下划线连接式） 1.1 项目文件命名 1.1.1 项目名全部采用小写方式，以短横线分隔。例：my-proje

Vue 组件和文件及文件夹命名规范、SPA、创建路由、router-link 相关属性、路由建立多视图单页应用

qq_73126462的博客

10-21

1303

组件(Component)是Vue最强大的功能之一，组件可以扩展HTML元素，封装可重用的代码组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树组件可以分为全局组件和局部组件组件命名规则短横线命名，如: my-component，vue推荐使用这种方式的命名规则首字母大写命名规则，如：MyComponentpropsprops是父组件用来传递数据的一个自定义属性。

前端工程项目(Vue项目为例)目录文件命名规范（个人推荐）

weixin_48226213的博客

11-02

1807

例：person-manage.vue、new-information/index.vue、new-information/detail.vue。注意：Windows文件系统是不区分大小写的，而Linux区分，曾经发生：文件名小写，本地开发环境运行和打包都没问题，在CI上打包会报错找不到文件，使用大驼峰命名和引入文件时必须仔细区分好大小写。例：wx-config.js、request.js、design-pattern.ts、axios.d.ts。全部采用小写方式，以短横线分隔，有复数结构时使用复数形式。

Vue目录详解和文件命名规范(超详细)

qq_31066285的博客

08-10

2064

views文件夹内部的文件命名规范：一般直接由页面中文名称翻译为英文名称，英文名称第一个单词的首字母小写，后面的每个单词的首字母大写，尽量不要使用index给文件夹命名。如果出现多个页面使用的文件，则在api,components中创建public文件夹，将这类文件存放在各自的public文件夹下。api文件夹内部文件命名规范：参照views文件夹目录结构，若存在对应的文件，则使用views中的文件名称+API作为文件名。public：放置系统的静态文件，比如，图片，全局配置文件。...

Vue项目组件命名规范