In the process of website design and development process, in fact, there are a lot of auxiliary tools we developed, the use of these tools will make our development easier, improve work efficiency, engaged in the development of its sixth year, the next share some common for everyone tools, experts recommend: Favorite wave!
1.Sublime
Sublime best-known as a code editor, his strengths I do not go into details. This editor supports Windows, Linux, Mac OS X and other operating systems. His running interface is very clean and beautiful, text function is very powerful, run super-fast, very suitable for writing code, writing notes. It also supports a number of plug-in extensions to achieve strong combination, for example:
Emmet plug: front-end development is indispensable, written in HTML and CSS code to make it easy to save a lot of time. Emmet enables developers to write code in an abbreviated form, and then "expand" function to automatically extend the code to complete the style
JsFormat: This is a format of the JS plugins
SideBarEnhancements: right-click menu enhancement plug-in
TrailingSpaces: Highlight the extra spaces and Tab
Tag: This is the HTML / XML tags indentation, completion, layout and verification tools
Terminal: allowed to open cmd command window Sublime Text 3 in
SublimeCodeIntel: code hints plugin, support for multiple programming languages, you can prompt the user to custom code
CssComb: sorting and formatting as CSS properties
Autoprefixer: CSS3 private prefix auto-complete plug-use CanIUse database, which attributes to precisely determine what needs prefix
ColorPicker: edit CSS style of the time, ColorPicker color palette can be viewed not only value, but you can easily adjust the color is good, there is a two-way choice of colors function
Alignment: allows developers to automatically align code, including PHP, CSS, JavaScript language
2.Dreamweaver
Adobe Dreamweaver dream weaver, referred to as "DW", which is a set of web authoring and site management in a WYSIWYG page editor, which allows you to easily create cross-platform and cross-browser restrictions limit of a dynamic page.
3.WebStorm
This JavaScript development tool, developers believe JS as you must know, but it is called "Web front-end development artifact," "the most powerful HTML5 editor", "the most intelligent JavaScript IDE", features include: JavaScript, edit language, creating a convenient environment, I am sure you know by heart, and here will not see them here
4.Editplus
ditPlus software is the past few years I used the best use of a document editing software, not one. Powerful regular expression to make it stand out in the same type of software. It really is extremely powerful functions, this would simply say it under its programming.
This software is foreign software, but there are Chinese green version of the software installed, divided into 32-bit and 64-bit computers. This software is in fact the most appropriate mix of programming, a variety of code in place, check the very eye-catching. In the new text which you can select normal TXT and HTML web editor format. If you choose HTML format, open the programming page is
We compile your program can also display a page directly in the browser. Programming achievement at a glance.
5.Firebug
Firebug is a plug-in firefox, be able to debug all site languages such as Html, Css, etc., but the most important is to have javascript debugging functions can be used in a variety of browsers (IE, Firefox, Opera, Safari). In addition, other very powerful features, such as html, css, dom View and debugging, analysis, and so the whole site. In short, it is a complete and powerful WEB development tools, then there is its open-source software.
6.Zend Studio
PHP professional developers throughout the development cycle using only integrated development environment (IDE), which includes all the necessary PHP development member. Through a set of editing, debugging, analysis, optimization and database tools, Zend Studio to accelerate development cycles, and simplifies complex applications.
7.Diffchecker
Diffchecker is used to detect / compare two text files What online tools for different codes of difference, it's a bit artificial do not need to see, especially large files, and is easy to use.
8.BrowserShots
BrowserShots 是一款免费的跨浏览器测试工具，捕捉网站在不同浏览器中的截图。这是最有名，也是最古老的浏览器兼容性测试工具。
9.CleanCSS
免费的CSS精简压缩工具，通过这个在线工具，可以将你的CSS文件压缩、优化成更精简，这将大大提高你的网站的载入速度。进入CleanCSS后， 你可以输入要压缩的CSS代码或是该CSS文件的所在URL地址，然后选择代码布局和相应的精简压缩选项，最后点击生成即可。
10.Vim
Vim是从 vi 发展出来的一个文本编辑器。代码补全、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用，和Emacs并列成为类Unix系统用户最喜欢的文本编辑器。
当然了，web前端开发涉及的工具还有很多，本篇文章大致介绍了一些常用的工具。希望会为小白开发带来一些帮助
