第一章 編輯工具

一 WebStorm

與IntelliJ IDEA同源，繼承了IntelliJ IDEA的JS部分的功能。
代碼的自動折疊功能，這個很好，如下圖；函數，注釋，if-else塊，等等，都有自動折疊；折疊的上方不可見時，放鼠標到折疊下方的上尖標記時會有黃色的折疊上方代碼提示；適合閱讀較長代碼；下圖是打開jquery 1.8時的情形；

大量的代碼導航和使用搜索選項；
ECMAScript協同支持；
CoffeeScript；
WebStorm允許您調試和驗證您的服務器端JavaScript - Node.js的應用程序；
代碼檢查和快速修復；等。

?

文件模板功能；敲“ctrl+shift+a”，輸入File Templates，出現下面窗口；可插入圖示的模板；也可加入自己的常用代碼文件作為模板；不錯的功能；

Live Templates，代碼片段模版，如下圖所示，可插入html、javascript、css等的代碼段；

模板可以替換變量。

這個工具挺好的，鄙人正在用；

下載：

http://pan.baidu.com/s/1sjFhTqH

http://pan.baidu.com/s/1c0yDxj6

http://pan.baidu.com/s/1qWyoT9y

三個壓縮包同時解壓；

?

二 HTMLPad

可自動插入html代碼段，以及css、php、js等的一些代碼片段；

插入html的功能比較強；如下圖，插入列表，插入表格；

?

?

?

此工具插入html代碼的功能較強；

下載：

http://pan.baidu.com/s/1nt3KIG5

?

三 jsEditor

??? 這是網上下的一個小工具；可插入一些js常用語句；有時候可能有用；

下載：

http://pan.baidu.com/s/1bnvrCkB

?

?

?

總結

以上是生活随笔為你收集整理的图解web前端开发工具教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。