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

文件夹名称 含义
src,source 源代码,用src居多
test,__tests__ 测试文件,也经常用__test__,facebook的测试框架jest默认的测试文件目录就是__test__
docs 文档
lib 库文件,library的缩写
dist 用来放打包编译后的文件,distribution的缩写
build,scripts 构建脚本
utils,tools,helpers 工具代码
controllers,views,middlewares,models MVC对应的models,views,controllers,还有中间件middlewares
router 路由
server 用来放服务端代码
adapters 适配器,适配器模式是一种很常用的设计模式
legacy 一般用来放兼容历史版本或兼容旧浏览器的代码
config 配置文件
benchmarks benchmarks测试,又叫基准测试或性能测试。用来测试版本的性能变化
unit,spec 单元测试,一般在test目录下
e2e 端对端测试,一般在test目录下
assets,vendor 资源,一般用来放图片或css文件
css,styles css文件
js javascript文件
images,img 图片文件
fonts 字体文件
pages 页面文件
static 静态资源
examples,demo 示例
component 组件
plugins 插件
bin 命令脚本,命令行工具经常会用到
common,public 公用的文件
packages 很多项目会打包出多个npm包,用来减小体积,一般会用packages来放不同的包
misc 杂项,miscellaneous的缩写
core 核心文件

参考文章

http://www.fly63.com/article/detial/442

发布了1345 篇原创文章 · 获赞 226 · 访问量 28万+

猜你喜欢

转载自blog.csdn.net/weixin_43272781/article/details/103904773