小結放在前，每次重裝電腦后都要從新配置常用工具插件又每次記不到有哪些
(~￣▽￣)~無奈~我就先將那些好用的插件先收集起來以備不時之需，覺得可以大家也可以收藏以后也省的找。
目前收集的編輯器有WebStorm、VCode、Sublime、Atom、Notepad++、EditPlus、Vim目前先收集這些吧！后期會更新更多編輯器，請耐心等待~~~
1. WebStorm
這個編輯器厲害了，號稱JS前端開發神器！當然我目前也在用，他本身已經將一些常用的插件功能給實現了，所以我目前也就找到了四個插件，其他的話看個人的需求去裝了。
首先如何安裝插件？
哪四個插件呢?
-
Markdown (支持md，點擊下面的Text/Previev可以切換代碼/預覽視圖)
-
AceJump (快速定位光標位置，有了它你可以丟棄鼠標了)
3.CodeGlance (類似sublime text右側代碼瀏覽效果？)
- Key promoter (智能提示快捷鍵。比如點擊了工具欄上的代碼優化，插件會提示其快捷鍵)
O(∩_∩)O這個我沒用過！！！
2. VCode
666的編輯器，傳言微軟真正的一款良心作品，第一次向開發者們提供了一款真正的跨平台編輯器。好吧！我在拿這個看代碼用的，非常的輕，可以推薦哈！
如何安裝插件？
有哪些插件？
-
vscode-icon (給文件填上相應的圖標，必備良品！)
-
HTML Snippets (實用的H5代碼提示)
-
HTML CSS Support (讓html標簽上寫class智能提示當前項目所支持的樣式)
-
jQuery Code Snippets (jquery 代碼提示，666)
-
Path Intellisense (自動路勁補全，完美)
-
Document this (js的注釋模板)
-
ESlint (原生js提示)
-
beautify (格式化代碼的工具)
-
Atuo Rename Tag (修改html標簽,自動幫你完成尾部閉合標簽的同步修改)
-
Project Manager (在多個項目之前快速切換的工具)
-
Bootstarp 3 Sinnpet (bootstarp提示工具)
3. Sublime
這款工具我也非常的喜歡，非常的輕，要什么功能界面自己去定制，插件豐富。
如何安裝插件？
sublime安裝插件不得不提Package Control，它是用來管理插件的插件b（￣▽￣）d，所以，首次使用前也是需要安裝的，使用Ctrl+/`（Esc鍵下方）快捷鍵或者通過View->Show Console菜單打開命令行。
復制代碼到剛才那里敲回車：
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
Package Control使用方法：
在Sublime Text 3中按下快捷鍵Ctrl+Shift+P在出現的文本框中選中Install Package，等待幾秒再次出現文本框就是用來安裝插件的！
哪些常用的插件？
-
Emmet (Emmet插件可以說是使用Sublime Text進行前端開發必不可少的插件,它讓編寫HTML代碼變得極其簡單高效)
-
JsFormat (這是一款將JS格式化的插件,通過鼠標右鍵->JsFormat或鍵盤快捷鍵
Ctrl+Alt+F對JS進行格式化)
-
SideBarEnhancements (SideBarEnhancements是一款很實用的右鍵菜單增強插件)
-
TrailingSpaces (這款插件能高亮顯示多余的空格和Tab)
-
Tag (HTML/XML標簽縮進、補全、排版和校驗工具)
-
Terminal (Terminal插件可以允許在Sublime Text 3中打開cmd命令窗口,使用快捷鍵
Ctrl+Shift+T呼出命令行窗口) -
SublimeCodeIntel (一款代碼提示插件，支持多種編程語言)
安裝該插件后，點擊Preferences->Browse Packages...菜單
進入SublimeCodeIntel文件夾
再進入.codeintel文件夾
將其中文件名為config的文件拖動到Sublime Text 3中
將以下代碼復制后粘貼到Config文件中
//注意上下文需要添加的逗號
"JavaScript":{
"javascriptExtraPaths":[]
}
復制好如下：
這樣，在編寫JavaScript時即可獲得代碼提示
- Autoprefixer (這是一款CSS3私有前綴自動補全插件,在輸入CSS3屬性后（冒號前）按Tab鍵)
4. Atom
這款編輯器我也非常的喜歡，Atom是Github專為程序員推出的一個跨平台文本編輯器，用了段時間發現和sublime比可能沒那么輕巧，不過Atom插件倒是挺豐富的，特別有個炫炫的插件，下面就開始介紹吧！
如何安裝插件？
在提示有”Search packages”的文本框里輸入插件的名字,點”Packages”或者”Themes”來查找安裝Atom的插件
有哪些插件？
-
simplified-chinese-menu (Atom的簡體中文語言包，完整漢化，兼容所有已發布的版本Atom)
-
tree-view-finder (左邊菜單欄顯示方式，類似Mac OS下的finder)
-
minimap (類似sublim text右邊的代碼縮略圖)
-
linter和linter-jshint (檢查代碼,linter-jshint插件基於atom規則來使用jshint,linter-jshint是依賴linter插件來使用的，也就是說必須先安裝linter插件;)
-
linter-js-standard (用來使javascript代碼格式化)
-
file-types-icon (給不同的問題類型添加不同的圖標)
-
emmet (如果你從事Web前端開發的話，對該插件一定不會陌生,大大提高了HTML/CSS代碼編寫的速度)
-
atom-ternjs (js代碼自動提示)
-
autocomplete-paths (文件路徑自動提示)
-
jquery-snippets (jquery代碼提示)
-
autoprefixer (CSS3前綴自動填補)
-
color-picker (取色器)
-
autoclose-html (自動閉合HTML標簽)
-
terminal-plus (在Atom里運行控制台，
cmd+shift+t開啟新控制台,ctrl+/`打開 /關閉 控制台)
-
csslint (會報告出不合規定的 CSS 規則)
最后來個帥呆了的插件
activate-power-mode,讓代碼不在枯燥！！！
5. Notepad++、6. EditPlus、7. Vim
這三款非常經典的編輯器，是非常棒的，我入門時就用的其中一款，目前還是很火。就是經典所以留着后期另抽一點時間寫篇，但我先將有關這三款編輯器的插件文章先附上，以免有些朋友白點進來了。
Notepad++：http://www.cnblogs.com/Kubility123/p/5709116.html
EditPlus：
- http://blog.csdn.net/cuixiping/article/details/8049338
- http://www.cnblogs.com/pbnull/p/4686099.html?ptvd
這款編輯器文章可能少點。
Vim：
- http://blog.csdn.net/godvmxi/article/details/9949869
- http://www.cnblogs.com/shanql/articles/6048412.html
- https://www.zhihu.com/question/19634223
拜！
歡迎關注我！
