VUE代码文件规范，代码规范

最新推荐文章于 2024-07-22 12:12:13 发布

林强181

最新推荐文章于 2024-07-22 12:12:13 发布

阅读量2.1k

点赞数

本文链接：https://blog.csdn.net/qlin_11/article/details/99624542

版权

本文主要讨论Vue项目的文件规范，重点在于目录结构和文件命名。推荐使用CLI默认的目录结构，并提供了一个示例。文件和文件夹应使用小写字母，文件名遵循小写驼峰命名法，而组件名、class名及组件文件名则采用大写驼峰。pages目录下的每个页面主入口文件建议命名为index.js。

摘要由CSDN通过智能技术生成

关于文件规范，其实是目录规范，包括目录结构和文件命名。
目录结构其实没啥，使用cli默认的就行，不过还是给一个例子吧，这个一般都是放在readme里面。要做好中文解释，每次更改和作者，可以放在里面也可以放在组件头部注释。
文件名，文件夹采用小写
文件名小写驼峰法
组件名class名组件文件名大写驼峰
pages下的每一页的主入口使用index.js来写
在这里插入图片描述

项目目录

├── node_modules  // 项目依赖包文件夹
├── build   // 编译配置文件，一般不用管
│   ├── build.js
│   ├── check-versions.js
│   ├── dev-client.js
│   ├── dev-server.js
│   ├── utils.js
│   ├── vue-loader.conf.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── config  // 项目基本设置文件夹
│   ├── dev.env.js  // 开发配置文件
│   ├── index.js