V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Mrzhs
V2EX  ›  前端开发

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

  •  
  •   Mrzhs · 2023-05-03 18:57:55 +08:00 · 1731 次点击
    这是一个创建于 581 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 感觉这样写好怪....
    • 组件首字母大写, 那么一般的第三方库应该如何命名呢? 驼峰 or 首字母大写?
    • 把 chatGPT 问蒙了
    13 条回复    2023-05-27 20:19:44 +08:00
    wqzjk393
        1
    wqzjk393  
       2023-05-03 20:02:36 +08:00 via iPhone
    啊这不是随便写的么?在我看来这就是个别名罢了,只要不引起冲突叫啥都无所谓的吧
    crysislinux
        2
    crysislinux  
       2023-05-03 20:03:49 +08:00 via Android
    看默认导出的是啥呗。是 constructor 你就大写,是一个集合你就小写
    wu67
        3
    wu67  
       2023-05-03 20:06:23 +08:00
    个人写法.
    能当工厂函数用的, 大驼峰. CreateSomeObject
    常量, VAR_NAME_HERE
    其余一律小驼峰. getSomeAmazingWord
    chihiro2014
        4
    chihiro2014  
       2023-05-03 20:23:49 +08:00
    基本上用啥就引用啥,没什么可讲究的。倒是自身代码的结构整理好,才是真的
    DOLLOR
        5
    DOLLOR  
       2023-05-03 20:31:56 +08:00
    尽量用 import { xxx }或者 import * as xxx ,避免使用 import defaultExport ,因为 import defaultExport 等于放弃 tree shaking 。
    Torpedo
        6
    Torpedo  
       2023-05-03 20:45:33 +08:00
    组件和 class 大坨峰,其他小驼峰

    另外,你可以有自己的命名规范,导入的时候按你的规范来呗
    huijiewei
        7
    huijiewei  
       2023-05-03 21:52:48 +08:00
    组件和类大写开头,其他小写开头
    Aloento
        8
    Aloento  
       2023-05-03 22:16:26 +08:00
    赞同你自己看着舒服就行,JS/TS 没有像其他语言那么多规则
    hhjswf
        9
    hhjswf  
       2023-05-03 22:48:07 +08:00 via Android
    chatgpt 是你梯子不稳定。。
    angrylid
        10
    angrylid  
       2023-05-03 23:43:03 +08:00 via Android
    看文档的示例代码呀。
    lete
        11
    lete  
       2023-05-05 11:30:56 +08:00 via Android
    这个没啥规范,只有框架或库自己要求的,比如 vue ,react 文档里示例怎么写就怎么写,还有组建,他就非得要求首字母大写才能用,再比如 axios ,文档里也是直接写的 axios.get ,反正前端就花里胡哨
    vivipure
        12
    vivipure  
       2023-05-05 14:29:27 +08:00
    1. 组件大写,普通方法小驼峰,常量全大写加下划线
    2. 不推荐使用默认导出,全部使用具名导出
    qiwen
        13
    qiwen  
       2023-05-27 20:19:44 +08:00 via iPhone
    社区没有规范的,团队内可以出一份代码风格指南,保证团队内写法统一,提高代码可读性。
    比如针对导入的变量类型,导入的文件类型角度去定制。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5571 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 03:39 · PVG 11:39 · LAX 19:39 · JFK 22:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.