本文整理了一系列前端开发者必备的在线工具，包括SCSS/CSS转换、TypeScript和Vue Playground、在线正则表达式测试、CSS3剪贴路径生成器、代码主题配色工具，以及各种图标资源网站等，帮助提升开发效率。
在线编译（编辑）、playground
SCSS 转 CSS 在线编译
https://www.sassmeister.com/
有时候写一些比较复杂的 SCSS 逻辑时，遇到不生效的问题，可能需要看一下编译出来的 CSS 代码是什么样的，以确认自己写的 SCSS 代码是不是有问题，在线编译可能是一种较为方便的方式
CSS 转 SCSS
https://www.sass.hk/css2sass/
当你重构项目时，可能有用？除了转 SCSS 还能转 Less、Stylus 等，不过转换后的风格可能跟你直接写着不一致
TypeScript PlayGround
https://www.typescriptlang.org/play/
Typescript 官方提供的 TypeScript 在线调试运行工具，如果你遇到了一些 TS 难题（或者一下 ts 代码的 demo），你可以到这个网站编写出你的代码，然后将链接（代码改动会经过编码后会被动态添加到当前 url 上）发给神通广大的网友们，或者你的好友们，请他们帮你解决问题
除了这个，它还能将你写的
最低0.47元/天 解锁文章
扫一扫
406
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
