V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
firhome
V2EX  ›  程序员

前端大佬们是怎么快速搭建自己的脚手架的?

  •  
  •   firhome · 131 天前 · 3073 次点击
    这是一个创建于 131 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一般来说现在新的项目都是 vue 或者 react 官方有脚手架,生成一下即可。

    现在比如说我想写一个 demo ,一些简单的想法,有没有类似 jsfiddle ,codepen 那样,本地需要些什么工具( css,js,库,ui ,框架等等),能快速的就“搭建”起来?还是主要靠积累自己平时写项目有个基础的结构,用的时候 copy 一下就行了?

    19 条回复    2024-07-13 08:44:44 +08:00
    whyrookie
        1
    whyrookie  
       131 天前
    我也比较好奇,同理还有客户端,毕竟迭代太快了,每次开始新项目我都会看一下三方库是否有更好的替代品。
    xausky
        2
    xausky  
       131 天前
    npx create-next-app 就够了,小项目 nextjs 启动真快,可以前后端一体
    han3sui
        3
    han3sui  
       131 天前
    基本都是平时积累,然后抽取好用的东西,自己慢慢组起来的,主要还是自己用的顺手。
    v2er119
        5
    v2er119  
       131 天前
    hello word 都快,关键是业务功能的匹配度,还是老项目凑凑更快些。
    beginor
        6
    beginor  
       131 天前
    把模板做一个 git 仓库, 公共的和基础的都放在模板仓库里面, 需要的时候从这个模板仓库做为上游仓库。
    douxc
        7
    douxc  
       131 天前
    工具提供的`npx create`足够了;最多基于这个加一个路由(react-router/vue-router)和 UI 库(ant-design/element-plus)
    GiantHard
        8
    GiantHard  
       130 天前
    我用 nx, 除了自动建项目,还支持自动升级项目框架版本 https://nx.dev/plugin-registry
    hanssx
        9
    hanssx  
       130 天前
    好的开源项目是可以抽取其框架的,抽哪些因人而异
    78786381
        10
    78786381  
       130 天前
    看一下我这个简单的玩意?左侧写右侧预览,https://github.com/ZSH-HSZ/editor-react
    78786381
        11
    78786381  
       130 天前
    静态不需要起,只是自己用的,所以很简陋,vue 的没写完或者写完忘记 push ,后来电脑换了,就没了
    hteen
        12
    hteen  
       130 天前
    pnpm create t3-app@latest
    Curtion
        13
    Curtion  
       130 天前
    我使用 vite
    Zzzz77
        14
    Zzzz77  
       130 天前
    老项目 Ctrl C/V ,删删改改。

    我感觉其实如果公司不是做外包业务,有自己产品的话,开新项目的频率应该很低才对,这种情况下没太大必要折腾什么“自己的脚手架”,以目前前端的更新速度,你可能还没开始下一个新项目,前面搭建的脚手架就已经过时了。除非公司有一定规模,为统一开发标准,专门有人来维护一套公司通用的脚手架,这样才是有价值的,个人的就算了。
    nzbin
        15
    nzbin  
       130 天前
    比如这个项目,https://github.com/ng-matero/ng-matero ,`ng add ng-matero` 一条命令就够了

    在线平台的话,推荐看看谷歌的这个 https://idx.dev/
    PatrickAtMoon
        16
    PatrickAtMoon  
       130 天前
    可以使用 nix.
    yangwangz
        17
    yangwangz  
       130 天前
    @Zzzz77 我就是这么干的,因为特殊,项目速度贼快
    dudubaba
        18
    dudubaba  
       130 天前
    vite 、umi 这种都有内置的
    trumandu
        19
    trumandu  
       130 天前   ❤️ 1
    兄弟,推荐一篇文章给你看

    [写给 5 年前端妹子的三万字脚手架教程]( https://mp.weixin.qq.com/s?__biz=MzI3NTM5NDgzOA==&mid=2247515539&idx=1&sn=7c3af677b299fab508c24a1f378a2926)
    作者循环渐进讲解了如何从零到一写一个前端脚手架,语言幽默风趣,读完确实收益匪浅。 读完以后,你会学到:

    如何搭建一个脚手架的工程
    如何开发和调试一个脚手架
    脚手架中如何接收和处理命令参数
    脚手架中如何和用户交互
    脚手架中如何拷贝一个文件夹或文件
    脚手架中如何动态生成一个文件
    脚手架中如何处理路径问题
    脚手架中如何自动安装模板所需依赖

    https://blog.trumandu.top/2024/07/01/%E6%9D%9C%E6%9E%B6%E7%9A%84%E8%AE%B0%E5%BD%95%E4%B8%8E%E5%88%86%E4%BA%AB(005%E6%9C%9F)/#%E6%8E%A8%E8%8D%90%E6%96%87%E7%AB%A0
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5395 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 08:46 · PVG 16:46 · LAX 00:46 · JFK 03:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.