不懂就问, 前端项目 import 导包时应该遵循什么样的命名规则?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 605 天前的主题，其中的信息可能已经有所发展或是发生改变。

感觉这样写好怪....
组件首字母大写, 那么一般的第三方库应该如何命名呢? 驼峰 or 首字母大写?
把 chatGPT 问蒙了

大写

字母

导包

命名

13 条回复 • 2023-05-27 20:19:44 +08:00

wqzjk393

2023-05-03 20:02:36 +08:00 via iPhone

啊这不是随便写的么？在我看来这就是个别名罢了，只要不引起冲突叫啥都无所谓的吧

crysislinux

2023-05-03 20:03:49 +08:00 via Android

看默认导出的是啥呗。是 constructor 你就大写，是一个集合你就小写

wu67

2023-05-03 20:06:23 +08:00

个人写法.
能当工厂函数用的, 大驼峰. CreateSomeObject
常量, VAR_NAME_HERE
其余一律小驼峰. getSomeAmazingWord

chihiro2014

2023-05-03 20:23:49 +08:00

基本上用啥就引用啥，没什么可讲究的。倒是自身代码的结构整理好，才是真的

DOLLOR

2023-05-03 20:31:56 +08:00

尽量用 import { xxx }或者 import * as xxx ，避免使用 import defaultExport ，因为 import defaultExport 等于放弃 tree shaking 。

Torpedo

2023-05-03 20:45:33 +08:00

组件和 class 大坨峰，其他小驼峰

另外，你可以有自己的命名规范，导入的时候按你的规范来呗

huijiewei

2023-05-03 21:52:48 +08:00

组件和类大写开头，其他小写开头

Aloento

2023-05-03 22:16:26 +08:00

赞同你自己看着舒服就行，JS/TS 没有像其他语言那么多规则

hhjswf

2023-05-03 22:48:07 +08:00 via Android

chatgpt 是你梯子不稳定。。

angrylid

2023-05-03 23:43:03 +08:00 via Android

看文档的示例代码呀。

lete

2023-05-05 11:30:56 +08:00 via Android

这个没啥规范，只有框架或库自己要求的，比如 vue ，react 文档里示例怎么写就怎么写，还有组建，他就非得要求首字母大写才能用，再比如 axios ，文档里也是直接写的 axios.get ，反正前端就花里胡哨

vivipure

2023-05-05 14:29:27 +08:00

1. 组件大写，普通方法小驼峰，常量全大写加下划线
2. 不推荐使用默认导出，全部使用具名导出

qiwen

2023-05-27 20:19:44 +08:00 via iPhone

社区没有规范的，团队内可以出一份代码风格指南，保证团队内写法统一，提高代码可读性。
比如针对导入的变量类型，导入的文件类型角度去定制。