前端開發IDE

入門級別我的推薦：Dreamweaver

    優勢：曾經的網頁三劍客之一，對於寫網頁方面的代碼，提示和功能都較爲完善。

    缺點：軟件臃腫，界面主題怎麼設置都彆扭，界面特不清爽。

中期我的推薦：sublime

    優勢：小巧，主題和背景特適合寫代碼，界面很清爽，代碼提示能夠經過安裝插件得以解決。

    缺點；不支持gbk編碼，只支持utf-8編碼。

成神了推薦：vim

    優勢：服務器端直接使用（通常理解服務器爲linux或者unix的），方便快捷，熟悉快捷鍵的話操做起來飛同樣的感受。

    缺點：即便安裝了插件代碼提示功能也不強，快捷鍵太多記憶力不夠用啊~

其餘的ide：

• intelliJ IDEA（適合java項目）

• PHPStorm（適合php項目）

• Eclipse（經典的ide，有java版本也有php版本甚至有C/C++版本）

• Webstorm（從intelliJ IDEA中抽取出來的前端部分，比intelliJ IDEA輕量）

• Hbuilder（html5/CSS3提示很強大）

---

---

如下附我的使用過程當中總結的一些快捷鍵：

Sublime快捷鍵

Ctrl+w 關閉當前文件

Ctrl+k、b 顯示側邊欄

F11 全屏

Alt+→ 按單詞向右移動

Alt+shift+→ 按單詞向右選擇

Ctrl+[ 左縮進

Ctrl+l 選擇當行，重複加選下一行

Ctrl+d 選擇單詞

Ctrl+shift+d 複製當前行，放在行上方

Ctrl+shift+k 刪除當前行

Ctrl+k、k 刪除當前至行尾

Ctrl+shift+enter 在當前行上方插入行

Ctrl+enter 在當前行下方插入行

Ctrl+p 在項目中的文件搜索

Ctrl+shift+p 打開命令面板

Ctrl+g 跳到第幾行

Ctrl+f / ctrl+shift+f 當前文件查找/指定目錄查找（ctrl+h替換）

F3 / shift+f3 查找結果的下一個匹配項/上一個匹配項

Ctrl+/（ctrl+shift+/） 當前行（位置）註釋狀態切換

Ctrl+shift+[ 摺疊代碼

Ctrl+k、2 摺疊2層代碼，數字是層級數

Alt+2 切換至第2個選項卡

Ctrl+加號/減號 放大/縮小字體

Alt+shift+2 分爲2屏，數字表示分屏數

Ctrl+j 合併行（有點像壓縮代碼）

Ctrl+m 移動至括號的開始/末尾（+shift爲選擇）

Alt+. 閉合當前標籤

Ctrl+shift+↑/↓ 與上行/下行互換

gvim快捷鍵

Ctrl+w、s 水平分割窗口

Ctrl+w、v 垂直分割窗口

Ctrl+w、w 切換窗口

Ctrl+w、q 退出當前窗口

:bd 刪除緩衝區（關閉文件）

:x（:wq） 保存並退出

/str 向後搜索str

?str 向前搜索str

N（N） 下一個（上一個）匹配項

:%s/old/new/g（gc）將文件中的old替換成new（每一個須要確認）