整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

推荐6个又好用又免费的在线代码编辑器

家好,我是 Echa。

前段时间,老铁们私信我有么有又免费又好用的在线代码编辑器,最近找了找。终于找到了。给老铁们安排上。创作不易,喜欢的老铁们转发加个关注,点个赞,速速收藏,谢谢!

今天来推荐六个好用又免费的在线代码编辑器!

CodeSandbox

在线地址:https://codesandbox.io/

CodeSandbox 是一个在线代码编辑器,主要用于创建 Web 应用项目,其提供了多种模块:




CodeSandbox 为前端开发提供了完整的代码编辑器体验和沙盒环境。其包含了很多实用功能:

  • Npm 支持:可以添加几乎任何 npm 上可用的包;
  • 支持 TypeScript、热更新、GitHub 导出、静态文件托管等;
  • 使用 Monaco 编辑器构建,Monaco 是为 VSCode 的提供支持的代码编辑器,有很多相似的体验;
  • 集成的 DevTools、linting、错误覆盖、测试框架 (Jest)等;
  • 强大的 CLI 可以直接将本地项目导入 CodeSandbox。



Codepen

在线地址:https://codepen.io/

CodePen 是一个在线的HTML、CSS 和 JavaScript 代码编辑器,能够编写代码并即时预览效果,可以利用它来构建和分享代码。CodePen 支持使用 Less、Sass、PostCSS 等来编写CSS。CodePen 不仅是一个在线编辑器,还是一个庞大的前端社区,上面有来自全球开发者分享的各种各样炫酷的效果,并且这些代码都是开源和共享的。




Stackblitz

在线地址:https://stackblitz.com/

Stackblitz 和 VSCode 非常像,使用简单可以一键创建 React、Vue、Vanilla、RxJS、TypeScript、Angular 等项目:


Stackblitz 具有以下特性:

  • 在浏览器中集成了一个 Dev Server,在离线的情况下仍然可以进行开发;
  • 除了支持前端项目外,还支持在浏览器中运行 Node.js 环境;
  • 支持连接 GIthub 仓库,可以直接将代码 push 到 Github 上,也可以拉取 Github 项目进行查看和编辑;
  • 所有应用程序都会自动部署在其服务器上。



JSFiddle

在线地址:http://jsfiddle.net/

JSFiddle 是一个在线代码编辑器,允许用户在单个页面上编辑和运行 HTML、JavaScript 和 CSS 代码。JSFiddle 使用 CodeMirror 构建,其提供了多游标、语法高亮、语法验证(linter)、大括号匹配、自动缩进、自动完成、代码/文本折叠、搜索和替换以协助开发人员的操作。JSFiddle 被广泛用于共享简单的测试和演示。


JS Bin

在线地址:https://jsbin.com/

JS Bin 是一个开源的协同 web 开发调试工具。主要用于帮助测试 JavaScript 和 CSS 的代码片段,功能与 jsFiddle 类似。可以实时分享在 JS Bin 中输入的内容,在任何平台上的任何设备上查看 JS Bin 的输出,都是实时更新的。



码上掘金

在线地址:https://code.juejin.cn/

码上掘金是一个为广大开发者提供代码在线 Playground 的平台,具备轻量简单、易使用、现代标准、模块化、实时编辑,所见即所得等特性。内置了 ES Modules 支持,并且支持 React、Vue 等流行前端框架。

arkdown主要作用是把纯文本的文章转化成富文本,使读者阅读起来时更加的清晰明了。下面,W3Cschool小师妹为大家分享10款常用的Markdown编辑器。这些编辑器有不同的定位、分类,如果你喜欢的话,快来mark吧!

编辑器一:MarkdownEditor

这款Markdown 文本编辑器,它的功能相当简单而且实用。此外,MarkdownEditor还是基于浏览器。

编辑器二:markPad

这款 Markdown 编辑器是开源的,你可以在GitHub以及自己的博客中打开和保存文档。你只需要把图片复制粘贴到Markdown 的文档当中就可以了。

编辑器三:Haroopad

这款编辑器,它支持Linux、Mac OS X、Windows,覆盖了三大主流的桌面系统。Haroopad的主题样式也相当丰富,它的语法标亮更是支持了54种的编程语言。

编辑器四:QMarkdowner

这款markdown编辑器相当流行,很多人都在用。它基于PyQt4,还具有全屏预览、实时预览、实时编辑等功能。

编辑器五:editorial

editorial是纯文本编辑器,它在iOS平台上支持 Workflow。如果从性质方面来看,editorial同Sublime Text 有些相同的地方,像Python。

编辑器六:sblime Text 3

sblime Text 3是跨平台代码编辑器,它支持很多操作系统,像Linux、UNIX、Ubuntu、Windows等。sblime Text 3功能相当强大,因此深受大家的好评。在圈子里,Vim据说是编辑器之神,而Emacs被看做是神的编辑器。

编辑器七:Mou

Mou是实时预览型的Markdown 编辑器,它是由国人开发的。在同类的应用中,Mou对汉字的兼容性相当好。据说,Mou 也是当前最好用的一款免费 Markdown 编辑器

编辑器八:byword

byword这款Markdown 编辑器属于轻量级别的,据说这是Markdown 写作新手必备神器。

编辑器九:CuteMarkEd

这款Markdown 编辑器功能相当强大,它提供了实时html预览、源码高亮、数学表达式等功能。

编辑器十:EpicEditor

这款JavaScript Markdown 编辑器,是可嵌入式的 。它提供的主要功能包括离线编辑、自动的保存草稿、在线预览、全屏编辑等功能。

每个人创作的平台不同,有人在电脑上,有人在iphone或者ipad上,而上述W3Cschool小师妹为大家推荐的Markdown 编辑器,你可以选择自己喜欢用的。不知道各位大大平常用的Markdown 编辑器编辑器是哪一款?有没有在用上面的十款?

学编程技术,就到W3Cschool,如果你喜欢我们的文章,可以点击右上角关注我们;如果你想看到更多IT界的资讯,可以加我们的公众号。

公众号:w3cschoolcn

文为大家推荐一些文本编辑器,希望对大家在前端道路中有所帮助!如果有更好的,也可以在下方留言哦!

1、ace(Ace(Ajax.org Cloud9 Editor))

2、esprima(用于综合分析的 ECMAScript 解析器)

3、medium-editor(Medium.com 所见即所得编辑器的克隆版)

4、jquery-notebook(一个易用的、简洁优雅的文本编辑器。灵感来源于 Medium 的魅力)

5、ckeditor-releases(适用于每个人的 web 文本编辑器。)

6、EpicEditor(一个可嵌入的 JavaScript Markdown 的编辑器,拥有全屏编辑、即时预览、自动保存草稿和离线支持等功能。)

切图 qietu(.com)