IMFE IMFE
首页
  • Web前端技术路线
  • Android技术路线
  • IOS技术路线
  • PC技术路线
  • 公共规范

    • git管理规范
    • 代码评审规范
  • web前端规范

    • HTML开发规范
    • CSS开发规范
    • JS开发规范
    • ES6编码规范
    • 内容格式与编码规范
    • 项目目录结构规范
    • Vue编码风格规范
    • BEM规范
    • npm包发布规范
    • semver语义化版本规范
    • 移动端web设计规范开发手册
  • 移动端规范

    • 移动端web设计规范开发手册
    • imfe-mui组件开发手册
  • PC端规范

    • 待完善1
  • vscode
  • npm
  • pnpm
  • nvm
  • nrm
  • gitbash
  • postman
框架和组件
技术文章
社区
贡献
关于我们
Gitlab (opens new window)
首页
  • Web前端技术路线
  • Android技术路线
  • IOS技术路线
  • PC技术路线
  • 公共规范

    • git管理规范
    • 代码评审规范
  • web前端规范

    • HTML开发规范
    • CSS开发规范
    • JS开发规范
    • ES6编码规范
    • 内容格式与编码规范
    • 项目目录结构规范
    • Vue编码风格规范
    • BEM规范
    • npm包发布规范
    • semver语义化版本规范
    • 移动端web设计规范开发手册
  • 移动端规范

    • 移动端web设计规范开发手册
    • imfe-mui组件开发手册
  • PC端规范

    • 待完善1
  • vscode
  • npm
  • pnpm
  • nvm
  • nrm
  • gitbash
  • postman
框架和组件
技术文章
社区
贡献
关于我们
Gitlab (opens new window)
  • 公共规范

    • 代码评审规范
    • git管理规范
  • web前端开发规范

    • HTML开发规范
    • CSS开发规范
    • JS开发规范
    • ES6编码规范
    • 内容格式与编码规范
    • 项目目录结构规范
      • 简介
      • 编码范围
      • 项目命名
      • 目录命名
      • 文件命名
      • 注意事项
    • Vue编码风格规范
    • BEM规范
    • npm包发布规范
    • semver语义化版本规范
  • 移动端开发规范

    • 移动端web设计规范开发手册
    • imfe-mui组件开发手册
  • PC端开发规范

    • 待完善
  • 开发规范
  • web前端开发规范
桂雅骏
2022-07-05
目录

项目目录结构规范

# 简介

该文档主要的设计目标是公司前端项目文件(夹)命名规范化。

# 编码范围

[MUST] 文件(夹)的命名均不允许包含空格。

[MUST] 使用半角符号,也即不允许使用中文命名。

# 项目命名

[MUST] 全部采用小写形式,以连字符分隔。

示例:my-project-name、x-client。

# 目录命名

[MUST] 全部采用小写形式,以连字符或下划线分隔。推荐采用连字符。

[MUST] 有复数结构时,采用复数命名法。

[MUST] 简洁且有习惯性缩写的单词必须采用容易理解的缩写。

示例:pdf-previewer、node_modules、scripts、src。

# 文件命名

[MUST] 全部采用小写形式。

[MUST] 以连字符分隔。

解释:为什么要小写 (opens new window)。

示例:html-parser.js、error-detector.js、index.css、logo-cropped.png。

特例:

[RECOMMENDED] 为了醒目,某些说明文件的文件名,允许使用大写字母,建议只是文件名大写,文件扩展名不必大写。

示例:README.md、LICENSE、CODE_OF_CONDUCT.md。

# 注意事项

[RECOMMENDED] 基于遗留项目时,如果项目的命名风格和本规范风格不一致,但是命名清晰,或者有时间、人员等原因无法进行重构时,允许遵循已有风格即可。但是团队风格必须保持一致。

编辑 (opens new window)
上次更新: 2022/07/06, 17:35:58
内容格式与编码规范
Vue编码风格规范

← 内容格式与编码规范 Vue编码风格规范→

最近更新
01
移动端web设计规范开发手册
10-24
02
imfe-mui组件开发手册
10-24
03
UI设计规范在智医工作站落地实践
07-08
更多文章>
Copyright © 2022-2022 IMFE | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式