Web 前端——项目文件夹命名规范

例：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。全部采用小写方式，以短横线分隔，有复数结构时使用复数形式。

本文总结了前端项目的目录和文件命名规范：目录命名采用小写字母和连字符分隔（如src/components），要求语义化表达用途。文件命名同样使用小写字母和连字符（如user-profile.vue），需包含正确后缀并避免特殊字符。组件采用PascalCase命名（如UserProfile.vue）。文中还展示了一个示例项目结构，包含src/assets、components、pages等典型目录层次。这些规范有助于保持项目结构清晰，提高代码可维护性。

对于新手程序员来讲，文件夹命名是一件很头疼的事情，不知道如何正确的给文件夹命名，良好的文件夹命名，有利软件项目的维护与迭代，我在大学与企业的工作中也没有系统的学习如何给软件项目文件夹命名这方面的知识，只能通过各种开源项目来学习这方面的知识，以下是我总结的一些常见的文件夹命名，方便以后规范软件项目文件夹命名。

readme.md：首先阅读 dist /：distribution，它通常包含编译后的软件 package.json：描述包 lib /：包含软件包的依赖关系 src /：包含包的源 test /：包含项目的测试 bin /：这些是在安装此软件包时添加到您的路径的文件 npm是什么？ npm是 JavaScript 世界的包管理工具,并且是 Node.js 平...

参考博客 项目命名: 全部以小写字母命名，以中划线分割。如my-project。   目录命名: 全部以小驼峰命名法，除第一个单词之外，其他单词首字母大写。如myDir。 组件文件命名: 遵循 Pascal 命名法（大驼峰），例如 AddressPicker.vue。 JS/TS 文件: 以小写字母命名，多个单词以下划线连接，例如 util.js、util_helper.js。 HTML/CSS文件命名: 确保文件命名总是以字母开头而不是数字，且字母一律小写，以下划线连接且不带其他标点符号。如m

本项目基于Vue+Spring Boot构架一个前后端分离项目。前端使用社区非常活跃的开源框架vue进行构建。受疫情的影响，许多企业由线上办公转为线下办公。随着线上办公的人数的增多，线上办公的优点逐步凸显：通过实现工作流程的自动化、节省企业办公费用、实现绿色办公，同时提升办公效率。前端使用的技术有： Vue、Vue-cli、Vuex、VueRouter、ElementUI、Axios、ES6、Webpack、WebSocket、font-awesome、js-file-download、vue-chat 项

web前端开发基本规范

前段时间工作不算忙碌，在网上搜索一些关于Python的办公技能。今天先分享一个用os程序包实现的批量文件命名。安装python并设置环境变量的方法Python 环境搭建 | 菜鸟教程​www.runoob.com安装python程序包：我是在Python软件安装所在文件夹，首先全选文件夹路径，然后输入cmd，敲回车键（Enter）。之后输入pip (如无法安装改为pip3) instal...

在前后端分离的项目中，为了提高项目的可读性和易管理性，给前端和后端的文件夹选择合适的名字是很重要的。这里提供一些建议，但请记住，最终的命名应该根据你的团队习惯、项目特性以及可能的公司规定来决定。

项目文件命名规范

我们在用项目打包时每次都生成dist文件，但是发给实施的时候我们一般都会进行压缩以及重命名使用日期加环境来命名。所以打包次数多了，每次都重命名很麻烦，我看vite也有`vite-plugin-zip-pack`这个插件，但是我觉得实际上自己写个脚本也很方便，自定义程度也高，所以就自己写脚本来对打包后的dist文件进行压缩重命名。搞压缩过程中顺带的搞了一个文件夹及其内容复制的脚本。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zMnskHSA-1651275618552)(http://labs.qiang.it/ppguide/img/standard-jiapu.png)]注意：ad、banner、gg、guanggao 等有机会和广告挂勾的字眠不建议直接用来做ClassName，因为有些浏览器插件（Chrome的广告拦截插件等）会直接过滤这些类名，因此。全部采用小写方式， 以中划线分隔，有复数结构时，要采用复数命名法， 缩写不用复数。

采用小驼峰方式命名，如有复数结构时(此文件夹包含文件夹)，采用复数命名法，如：components、assets。采用大驼峰方式命名（首字母大写），如：SimpleCard。采用小写 + 短横线的方式命名，如bill-manage。），如：userInfor.js、admin.css。采用小驼峰命名规则（第一个单词首字母小写，后面的。

前端开发命名规范目录（文件）命名ClassName命名常用命名推荐 目录（文件）命名 项目文件夹：文件名即可 样式文件夹：css 脚本文件夹：js 样式类图片文件夹：img 产品类图片文件夹： upload 字体类文件夹： fonts ClassName命名 ClassName的命名应该尽量精短、明确，必须以字母开头命名，且全部字母为小写，单词之间统一使用下划线 “_” 连接 .nav_top 常用命名推荐 注意：ad、banner、gg、guanggao 等有机会和广告挂勾的字眠不建议直接用来做Cl