Vue(SPA)项目及文件命名规范【参考】

最新推荐文章于 2024-04-23 18:08:57 发布
最新推荐文章于 2024-04-23 18:08:57 发布
阅读量866 收藏 2
点赞数
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39590098/article/details/106584988
版权

Vue项目命名规范

总结

  • views下以 小写字母命名文件夹/index.vue 将各个主页面划分
    views下命名
  • components 大写字母开头及驼峰命名文件夹 将各个大组件划分开
    • 组件中需要些小组件的，则写在该对应的文件夹下 ，同样以 大写字母开头及驼峰命名.vue
      components下命名
  • 其他图片名、JS文件：都以小写命名，多个单词则用短横线分割
    一般图片、文件的命名
杜杜杜俊杰
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-build:vue项目结构、文件目录、命名规则
05-17
web1000 A Vue.js project 项目目录结构 |-- src // 源码目录 | |-- components // 功能组件 | |-- common // 公共组件 | |-- footer // 分模块--底部公共组件 | |-- header // 分模块--头部公共组件 | | |-- config // 基本配置 | |-- env.js // 环境切换配置 | |-- rem.js
详解Vue SPA项目优化小记
08-27
Vue 单页应用（SPA）优化是一项至关重要的工作，尤其是在现代 web 开发中，为了提供更好的用户体验，我们需要尽可能减少页面加载时间和提高性能。本文将详细介绍在 Vue 项目中进行优化的一些关键策略。 首先，我们...
vue命名规范
Admin_yws的博客
10-12 719
vue命名规范
web前端代码指南(vue3)
最新发布
我愿化作繁星
04-23 1366
1. 命名规范 2. 代码规范 3. 代码注释 4. 编写习惯 5. git提交
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中的一些命名规则
lalala_dxf的博客
02-08 1677
【代码】vue中的一些命名规则。
Vue构建项目所需离线文件
03-30
在"Vue构建项目所需离线文件"中，提供的`webpack`文件夹包含了用于离线构建Vue项目的必要配置和工具。这意味着你可以在没有网络连接的情况下，利用这些预设的配置来搭建和构建Vue项目，这对于开发环境不稳定的场景...
vue element 项目默认css文件 style
01-02
一个标准的Vue Element项目会有一个默认的CSS文件，通常命名为`styles`，这个文件用于存放全局样式或者项目的基础样式。`styles`文件一般位于`src`目录下，这是Vue项目的源代码根目录，包含组件、路由、公共样式、...
vue组件命名和props命名代码详解
10-16
下面将详细讲解Vue组件命名和props命名的规则及最佳实践。 首先，Vue组件的命名有以下几种方式： 1. **kebab-case（短横线命名）**：例如`my-component`。这种命名方式在HTML中书写最为直观，因为HTML属性名称不...
vue全家桶及SPA介绍
08-14
在现代Web开发中，Vue.js是一个非常流行的...Vue自身通过虚拟DOM和响应式系统实现了高效的页面更新，Vue Router和Vuex则为SPA提供了强大的导航和状态管理能力。了解这些概念和原理，对于开发高质量的Web应用至关重要。
vue项目规范文档
01-17
vue项目开发常见规范，可以帮助代码易于阅读，团队合作，提高开发效率，提高个人代码编码规范。
vue项目最新最全开发规范文档
02-21
通过整合、结合自身项目需要，为了便于后期项目团队成员的配合，是一份最新，最全的vue开发文档规范。
vue项目配置的命名规则，参考如下。
weixin_46409887的博客
01-10 350
Vue 前端代码风格
m0_50243859的博客
11-02 339
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 开发命名规范
weixin_43254676的博客
04-23 779
vue开发命名规范
Vue中的一些命名规范
weixin_45460053的博客
03-16 8989
在重新回顾vue官网的时候，发现一些很容易被遗忘和混淆的命名规范，今天就拿出来一起总结一下。 组件名 在注册一个组件的时候，我们始终需要给他起一个名字，在起这个名字的时候我们需要注意什么呢？ vue强烈建议遵循w3c规范中的自定义组件命名——字母全部小写并且必须包含一个连字符。这会帮助你避免和当前或者未来的html元素相冲突。 例如： Vue.component('my-component-name', { /* ... */ }) Prop HTML 中的 attribute 名是大小写不敏感的，所以浏览
vue 项目结构跟命名规范（新手入门一目了然）
妄梦久挽的博客
10-25 585
适合前端新手入门，因为没有标准的规范，这些在哪里都足矣！
vue项目前端规范资源
12-20
针对vue项目前端规范的命名规则，需严格遵守规范，确保命名的统一性及规范性。这些规则不仅有助于提高代码的可读性和可维护性，还能够有效地提升团队合作的效率，避免因命名不规范而造成的混乱和错误。同时，遵循...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值