我的个人博客：www.moonkite.cn
大家好，我是风筝
作为一个以全栈开发、独立开发者为目标的程序员来说，学习前端是免不了的，纵观独立开发者这个圈子，能看到很多都是前端或者移动客户端的兄弟。
无论你是做网站、做浏览器插件、做移动客户端、电脑客户端都可以用前端框架搞定。网站和浏览器插件不用说了，移动端比如React Native，电脑客户端有 Tauri、 Electron，可谓前端一把梭，只要会了前端，啥都能写，至于说服务端，随便整个 NodeJS 服务，那不跟写前端一样一样的吗。
所以说，我一直都是工作上写 Java，闲着的时候写了好多前端代码，主要是写 React，Vue 几年前用过，后来转到 React 上之后就没再碰过了。
这不，前两天公司有个 800 年前的老产品说要拿出来给人展示一下，结果搭完演示环境发现前端跳转有问题，后台接口都是正常的，没人改怎么办，只能自己上了。这是个 Vue 2.0 项目，光npm install就跑了半天，结果启动发现本地 node 版本过高，于是一路从 node 20.x 降到 node 16.x，还是不行，最后降到了 node 14.x 才跑起来，最后改了一行代码搞到。
时间全花在项目初始化上了。React 的框架就有 Next.js 、Remix 等等，平时学的时候本来就想测试一个很小的东西，就要初始化一个项目。不瞒各位，虽然写了好多 React 代码了，但是每次创建项目我都得现查文档，然后复制命令行代码，到现在仍然记不住。
CodeSandBox
后来我发现了这个在线写代码的网站，平时学习新知识点就在这上面了。如果你平时有学习前端技术的需求，不妨试一试。
CodeSandBox 支持在浏览器上创建各种各样的项目，主要以前端为主，后端支持的不多。
官网：https://codesandbox.io/dashboard
登录之后，可以在管理面板上创建你的应用，免费版可以创建 5 个，对于学习来说，完全够用了。
可以创建纯 HTML+CSS项目、Vue、React、Next.js、Angular 等等几乎所有的前端技术栈。
后端也有几个。
创建好一个项目后，就和你正在使用的任何一款 IDE 差不多，左边导航，中间是编辑区，右侧直接预览效果，改完直接生效看效果。
还可以把项目分享出去，让其他人一起查看或者编辑。
以及可以使用 web 版的 VS Code 打开项目，体验上和 VS Code 基本一致。
豆包MarsCode
前些天字节发布了一款在线 IDE ，和前面的 CodeSandBox 类似。
官网：https://www.marscode.cn/dashboard
目前看还没有收费的地方，应该算是免费吸引用户的阶段，不管吸引不吸引吧，反正现在随便用的，学习的话完全够用了。
支持的前端项目没那么细，但是主流的都有了。
后端倒是不少，还支持 Java、Go、C 和 C++，下面是创建的 Java 项目界面。
而且还集成了自己的豆包大模型，看上去还挺像回事儿的。
还可以看看风筝往期文章
古时的风筝，一个程序员，一个写作者。
