20个在线代码编辑器和开发工具_第1页
20个在线代码编辑器和开发工具_第2页
20个在线代码编辑器和开发工具_第3页
20个在线代码编辑器和开发工具_第4页
20个在线代码编辑器和开发工具_第5页
已阅读5页,还剩5页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、20 个在线代码编辑器和开发工具1. BluePen EditorBluePen Editor is a PHP-powered CSS editor that can be installed to any static or dynamic website and makes live CSS editing possible. Once triggered (with a bookmarklet), it opens the editor widget and makes all HTML elements hoverable so that blupePen can locate th

2、e CSS rules of them (like Chrome Dev Tools).Source2. Dirty Markup Dirty Markup is a free web-based application for cleaning up such code very easily. It has support for HTML(5), CSS and JavaScript by combining the powers of the popular HTML Tidy, CSS Tidy and JS Beautify.The editor used is the simpl

3、e + functional AceEditor and there are multiple options for each beautifier to get the best results.Source3. Rendra Online HTML5 Editor Rendera is an online HTML5 editor which renders a realtime preview of your current work also transform your current work into CSS, Rendera supports HAML and SASS. R

4、endera makes learning HTML5 and CSS3 easy and it is built with CoffeeScript and Sinatra.Source4. Maqetta Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without re

5、quiring additional plugins or downloads. Maqetta is available under a commercial-friendly open source license. You can download the source code and install it on your own server, customize the code to fit your needs and/or contribute improvements to the open source project.Source5. Amy Editor Amy Ed

6、itor is a collaborative text and source code editor for developers. It support JavaScript, Ruby,PHP, C#, Java, HTML, YAML, etc programming languages. It has Syntax Highlighting, Smart indentation for each language, Code folding, Unlimited undo/redo, Customizable key shortcuts, etc Yoaun ceasily chan

7、gethe color themes of the editor easily.Source6. JS Bin JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively.JS Bin allows you to edit and test JavaScript and HTML.Once you re happy you can save, and s

8、end the URL to a peer for review or help. They can then make further changes saving anew if required.Source7. CSSDesk CSSDesk is an Online CSS Sandbox. It allows people to quickly test snippets of CSS code, and watch the result appear live. I had very high ambitions for the project. There are line n

9、umbers and syntax highlighting appear live in the text box as you type. One of the greatest things is that it allows users to share their code with others as well.Source8. Editpad EditPad is simple and minimal. No syntaxhighlighting, no project managementJust a plain page totype your text without an

10、y distractions.Source9. RegExr RegExr is an online tool for editing and testing Regular Expressions (RegExp / RegEx). It provides a simple interface to enter RegEx expressions, and visualize matches in real-time editable source text. It also provides a handy RegExp snippet sidebar with descriptions

11、and usage examples to make it easier to learn Regular Expressions through trial and error.Source10. Codeanywhere Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML).Source11. 9ne 9ne (Pronounced Nin

12、e) is a nice online text editor, based on the well known GNU Emacs. 9ne provides most of the basic Emacs functionalities and currently supports XML and Javascript syntax highlighting modes.Source12. Drawter Drawter is a tool written in JavaScript and based on jQuery library. It provides you the poss

13、ibility to literally draw your website s code. It runs on every singleweb-browser which makes it really useful and helpful.Each tag is presented as a layer you have drawn.Source13. Shift Edit Shift Edit provides code completion, syntax highlighting, live editing, revision history and many more.Sourc

14、e14. Darkcopy DarkCopy is a simple, full-screen text editor for distraction free writing. DarkCopy is for anyone who enjoys the simplicity of a typewriter, and wants to increase productivity by focusing only on writing.Source15. jsFiddle jsFiddle is a shell editor that eases writing JavaScript code

15、by creating a custom environment based on popular JS frameworks. You can select the framework & the version of your choice (MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla). Also, if there is, you can add a complimentary framework like jQuery UI or MooTools More A great feature is the abili

16、ty to save & share the code created with a unique URL generated. Optionally, jsFiddle has an embedding feature too. It is an almost perfect platform for trying & sharing your JavaScript code without the need of a website.16. Cloud9IdE Cloud9 IDE is an open source application that aims to pro

17、vide a powerful and focused IDE for JavaScript developers. It is powered by the A platform + makes use of HTML5, node.js, socket.io and many other projects. The application has a pretty fast text editor with bundled syntax highlighting support for JS, HTML, CSS and mixed modes. Cloud9 IDE has

18、 integrated debuggers for node.js and Google Chrome which can be started, paused and stopped from the IDE.Source17. Dabblet Dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses-prefix- free, so that you won t have to add any prefixes in your CSS code. You c

19、an save your work in Github gists, embed it in other websites and share it with others.18. JS Hint JSHint is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team s coding conventions. It is very flexible so you can easily adjust it to your particular coding guidelines and the environment you expect your code to execute in. The goal is to help JavaScript developers write complex programs without worrying about typos and language gotchas.Source19. jsdo.it jsdo.it is a coding commu

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论