资讯专栏INFORMATION COLUMN

前端开发工具集

FuisonDesign / 1708人阅读

摘要:在线编程将大家最常用的搬进了浏览器。除此以外,快速配置等各类的框架。有了它,只需几秒就可以开始写代码了。的界面很简洁,三个编辑器和一个预览容器,并且预览效果会实时更新代码生成提供了一个简单的交互界面设计元素,然后自动输出相应的代码。

在线编程

1. StackBlitz

StackBlitz将大家最常用的IDE Visual Studio Code 搬进了浏览器。除此以外,StackBlitz快速配置 Angular、React、Ionic、TypeScript、RxJS、Svelte等各类的JavaScript框架。有了它,只需几秒就可以开始写代码了。

2. CodePen

CodePen 的界面很简洁,三个编辑器和一个预览容器,并且预览效果会实时更新

3. CodeSandbox 

4.Jsfiddle 

5.Jsbin 

代码生成

1. EnjoyCSS

EnjoyCSS 提供了一个简单的交互界面设计元素,然后自动输出相应的 CSS 代码。

参考

https://github.com/pluckhuang/articles-1/blob/master/02-Online.Code.IDE.Introduction.md

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/122486.html

相关文章

  • 前端开发者指南(2017)

    摘要:第二部分学习前端开发第二部分指出了学习成为一个前端开发者所需的自学资源和教学资源译者注教学资源包括有讲师指导的付费课程计划学院和训练营。第三部分前端开发工具第三部分简要地介绍和指出了一些前端圈內的工具。 参与者(排名不分先后):blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993;...

    kviccn 评论0 收藏0
  • 前端开发者指南(2017)

    摘要:第二部分学习前端开发第二部分指出了学习成为一个前端开发者所需的自学资源和教学资源译者注教学资源包括有讲师指导的付费课程计划学院和训练营。第三部分前端开发工具第三部分简要地介绍和指出了一些前端圈內的工具。 参与者(排名不分先后):blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993;...

    Salamander 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • 前端学习资源

    摘要:掘金日报第四期使用怎么能不知道这些插件合集掘金日报主打分享优质深度技术内容,技术内容分前端后端产品设计工具资源和一些有趣的东西。目前已经涵盖了的相关资源链接,供大家参考与学习。 【掘金日报】第四期 使用Sublime?怎么能不知道这些 Sublime 插件合集! 掘金日报主打分享优质深度技术内容,技术内容分:前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 前端...

    xzavier 评论0 收藏0
  • 前端学习资源

    摘要:掘金日报第四期使用怎么能不知道这些插件合集掘金日报主打分享优质深度技术内容,技术内容分前端后端产品设计工具资源和一些有趣的东西。目前已经涵盖了的相关资源链接,供大家参考与学习。 【掘金日报】第四期 使用Sublime?怎么能不知道这些 Sublime 插件合集! 掘金日报主打分享优质深度技术内容,技术内容分:前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 前端...

    weij 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<