第一章 編輯工具

一 WebStorm

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

大量的代碼導(dǎo)航和使用搜索選項(xiàng)；
ECMAScript協(xié)同支持；
CoffeeScript；
WebStorm允許您調(diào)試和驗(yàn)證您的服務(wù)器端JavaScript - Node.js的應(yīng)用程序；
代碼檢查和快速修復(fù)；等。

?

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

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

模板可以替換變量。

這個(gè)工具挺好的，鄙人正在用；

下載：

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

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

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

三個(gè)壓縮包同時(shí)解壓；

?

二 HTMLPad

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

插入html的功能比較強(qiáng)；如下圖，插入列表，插入表格；

?

?

?

此工具插入html代碼的功能較強(qiáng)；

下載：

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

?

三 jsEditor

??? 這是網(wǎng)上下的一個(gè)小工具；可插入一些js常用語(yǔ)句；有時(shí)候可能有用；

下載：

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

?

?

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。