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

[firhome]

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

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

[whyrookie]

我也比较好奇，同理还有客户端，毕竟迭代太快了，每次开始新项目我都会看一下三方库是否有更好的替代品。

[xausky]

npx create-next-app 就够了，小项目 nextjs 启动真快，可以前后端一体

[han3sui]

基本都是平时积累，然后抽取好用的东西，自己慢慢组起来的，主要还是自己用的顺手。

[bojackhorseman]

https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project

用 vite 直接 creat

[v2er119]

hello word 都快，关键是业务功能的匹配度，还是老项目凑凑更快些。

[beginor]

把模板做一个 git 仓库， 公共的和基础的都放在模板仓库里面， 需要的时候从这个模板仓库做为上游仓库。

[douxc]

工具提供的`npx create`足够了；最多基于这个加一个路由(react-router/vue-router)和 UI 库(ant-design/element-plus)

[GiantHard]

我用 nx, 除了自动建项目，还支持自动升级项目框架版本 https://nx.dev/plugin-registry

[hanssx]

好的开源项目是可以抽取其框架的，抽哪些因人而异

[78786381]

看一下我这个简单的玩意？左侧写右侧预览，https://github.com/ZSH-HSZ/editor-react

[78786381]

静态不需要起，只是自己用的，所以很简陋，vue 的没写完或者写完忘记 push ，后来电脑换了，就没了

[hteen]

pnpm create t3-app@latest

[Curtion]

我使用 vite

[Zzzz77]

老项目 Ctrl C/V ，删删改改。

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

[nzbin]

比如这个项目，https://github.com/ng-matero/ng-matero ，`ng add ng-matero` 一条命令就够了

在线平台的话，推荐看看谷歌的这个 https://idx.dev/

[PatrickAtMoon]

可以使用 nix.

[yangwangz]

@Zzzz77 我就是这么干的，因为特殊，项目速度贼快

[dudubaba]

vite 、umi 这种都有内置的

[trumandu]

兄弟，推荐一篇文章给你看

[写给 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