前端项目如何规范文件命名

前端项目如何规范文件命名

ls-lint 是一个非常快的文件和目录名称 linter，可方便约束项目目录和文件的命名。

特点：

• 快速
• 依赖少
• 适用所有文件
• 配置简单

1. 安装依赖

npm install @ls-lint/ls-lint -D
在 husky 加入 git hook:

"husky": {
  "hooks": {
    "pre-commit": "ls-lint",
  }
}

没有安装 husky ，需要安装。安装 4.3.8，5 以上版本有问题。

1. 配置命名规则

项目根目录下，新建 .ls-lint.yml ，内容为：

ls:
  src/*:
    .vue: PascalCase | regex:^index
    .less: PascalCase | regex:^index
    .scss: PascalCase | regex:^index # 相同的命名规则，编辑器会将组件和组件关联的样式文件挨在一起，方便浏览
    .js: kebab-case # | PascalCase
    .ts: kebab-case # camelCase | PascalCase
    .d.ts: kebab-case
    .mock.ts: kebab-case
    .data.ts: camelCase | kebab-case
    .test-d.ts: kebab-case
    .spec.ts: camelCase | PascalCase

ignore:
  - assets/style
  - node_modules
  - .git
  - .circleci
  - .github
  - .vscode
  - dist
  - .local

前端的世界总是在不断变化，作为开发者，我们需要保持好奇心和学习热情，不断探索新的技术，只有这样，我们才能在这个快速发展的时代中立于不败之地。低代码也是一个值得我们深入探索的领域，让我们拭目以待，它将给前端世界带来怎样的变革。

介绍一款程序员都应该知道的软件JNPF快速开发平台，很多人都尝试用过它，它是功能的集大成者，任何信息化系统都可以基于它开发出来。

JNPF可以实现应用从创建、配置、开发、测试到发布、运维、升级等完整生命周期的管理。减少了传统应用程序的代码编写量，通过图形化、可视化的界面，以拖放组件的方式，即可快速生成应用程序的产品，大幅降低了开发企业管理类软件的难度。

希望这篇文章对你有所帮助～