文件夾名稱	含義
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

總結

以上是生活随笔為你收集整理的Web 前端——项目文件夹命名规范的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。